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

Question

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 Answer

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 · Answer

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

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded