Welcome Dialog

Welcome to the Community!

We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.


Website for desktop completed, how do I go about doing the same website for mobile?

New Here ,
Aug 02, 2021 Aug 02, 2021

Copy link to clipboard

Copied

Good day,

 

I apologise in advance if this has been answered before and if the question is relevant to broader website design and not just XD.

 

I have now done my first desktop website and would now like to adjust it for mobile and tablets (I read an article explaining that it's best to start with mobile and work to bigger, but that ship has sailed and I'll do so next time).

 

Now my question; should I start a new document/artboard (or however it's called) for mobile and then tablet and then copy and resize my elements from the desktop artboards? And then supply 3 separate prototypes to the developer (one for desktop, one for mobile and one for tablet)? Or is there a way to keep it all in one file? 

 

If this is not articulate enough, please let me know and I will try to rephrase and give more info.

 

Thanks for your time.

 

 

Views

143

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Adobe Employee , Aug 02, 2021 Aug 02, 2021
Hi there, Thanks for reaching out. You can create the design for mobile and tablet using our Responsive resize feature as that reduces your efforts while designing for multiple screens. For more information, please refer to this article https://helpx.adobe.com/xd/help/using-responsive-resize.html  To share the document you can also create multiple flows in the same file, for more details you can refer to this article https://www.adobe.com/products/xd/learn/collaborate/stakeholder-review/creating-sharing-multiple-flows.html...

Likes

Translate

Translate
Adobe Employee ,
Aug 02, 2021 Aug 02, 2021

Copy link to clipboard

Copied

Hi there,

 

Thanks for reaching out. You can create the design for mobile and tablet using our Responsive resize feature as that reduces your efforts while designing for multiple screens. For more information, please refer to this article https://helpx.adobe.com/xd/help/using-responsive-resize.html 

 

To share the document you can also create multiple flows in the same file, for more details you can refer to this article https://www.adobe.com/products/xd/learn/collaborate/stakeholder-review/creating-sharing-multiple-flo...

 

Let us know if this helps or if you need any further assistance.

 

Regards

Rishabh

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Aug 09, 2021 Aug 09, 2021

Copy link to clipboard

Copied

LATEST

Thank you so much for your assistance.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines