Responsive design Adobe DX

New Here ,
Jan 11, 2021 Jan 11, 2021

Copy link to clipboard

Copied

I create design for different screen sized, and i use web export to export as HTML file. The file that was exported was sort of static. Like there is a lof of white space on the site when i scale down the page before it reaches the next breakpoint and scales again. I wanted to know how do I make it more fluid. 

 

Here is what i want it to responds, more fluid (ex):

https://www.dropbox.com/s/fwntjpq1rvnt0qm/Screen%20Recording%202021-01-11%20at%209.57.32%20PM.mov?dl...

 

vs how it actually responds, static (ex):

https://www.dropbox.com/s/ugjwb212pqkz4ji/Screen%20Recording%202021-01-11%20at%2010.01.38%20PM.mov?d...

 

 

Any advice? Thank you!

 

Views

226

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 , Jan 11, 2021 Jan 11, 2021
Hello there, Thank you for posting your issue here. I think Responsive Resize tool can help you with your issue. You can use it as manual or auto, so when you will change the artboard size the contents of the artboard will also change smoothly.  You can follow https://helpx.adobe.com/xd/user-guide.html/xd/help/using-responsive-resize.ug.html this link for further details. I hope this is helpful. If you have furthur queries related to this then please reply to this thread. Regards, Abhishek D...

Likes

Translate

Translate
Adobe Employee ,
Jan 11, 2021 Jan 11, 2021

Copy link to clipboard

Copied

Hello there,

 

Thank you for posting your issue here. I think Responsive Resize tool can help you with your issue. You can use it as manual or auto, so when you will change the artboard size the contents of the artboard will also change smoothly. 
You can follow https://helpx.adobe.com/xd/user-guide.html/xd/help/using-responsive-resize.ug.html this link for further details.

I hope this is helpful. If you have furthur queries related to this then please reply to this thread.

Regards,

Abhishek Das (Adobe XD Team)

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
Adobe Employee ,
Jan 26, 2021 Jan 26, 2021

Copy link to clipboard

Copied

LATEST

Thank you, Abhishek for your response to this post. This really might have helped the customer with his design.

 

Thanks,

Harshika

 

 

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