How to design website for computers and iPhone at one time in XD?

[default15qfp9x34vvk]

Hey!

I wonder how to project website in the best possible way? I Woudl like my website to work nice on computers and iphones equaly good. 

<Title renamed by moderator>

[Spas K. · Accepted solution]

Hi there. You would normally make separate versions of your design for desktops and mobile devices, as you will have different layouts, alignment, font sizes etc. on each device.

In Xd that would be 2 or 3 different prototypes (one for desktops, tablets, and smaller phones), as there's no native way to switch devices while previewing the design.

[Rishabh_Tiwari]

Hi there,

Thanks for reaching out. You can use our Responsive Resize feature works as it allows you to resize objects while maintaining spatial relationships at different sizes to best adapt to multiple screen sizes. You will need to design for various screen sizes and to decrease your manual work of designing for other screens you can use the Responsive resize feature.

For more information, you can refer to this help article: https://helpx.adobe.com/xd/help/using-responsive-resize.html

Regards

Rishabh