Responsive artboards / adaptive layout constraints for resizing
Similar to Edge Reflow, it would be great to have the ability to prototype responsive design ideas with a fluid, flexible canvas. Web designers need a good tool for this there really isn't anything out there to test out responsive design solutions.
Matt
shared this idea
Hello,
With last week’s update of XD, we introduced Responsive Resize – a way to easily resize your elements as you adapt them to different screen sizes. This should massively speed up your workflow.
Download the latest version of XD to give it a try, and check out a 3 min overview of it here: https://www.youtube.com/watch?v=BKvg8_8jv10&t=2s
Look forward to hearing what you think!
Hoyle
137 comments
-
Abheeth
commented
Looks like it will be coming soon
https://twitter.com/ashorten/status/1009478734783500288 -
Suzan
commented
Yes. A much needed feature nowadays.
-
Alexander Donohue
commented
Designing in Sketch is SO much easier in many ways, one way in this post is "responsive" design. Sketch has "auto Layout"
https://www.youtube.com/watch?v=v393LgriWCs
Please someone develop something similar soon or I will just use Sketch :-)
-
Kieran Mahon
commented
Hi, any ETA on this?
-
Paul Mackinnon
commented
Adobe seemed to have nailed responsiveness in Muse - so I am hoping that they are now deploying this sort of thing into XD. Along with other top feature requests for XD, it seems possible that XD will become a very versatile tool for web and app prototyping. I hope this is what is happening here
-
Yasin
commented
+1
-
Thomas Hallgren commented
Hooray! Adobe is amazing.
-
Anonymous
commented
Agreed Erin, vital for us would be AutoLayout-style constraints. On top of that, VFL export (for autolayout.js or XCode) would be a game changer.
Also, values as % percentages based on the parent-child hierarchy, viewable in exported Design Specs. This would be a lot more valuable than pixel values for us, working to target aspect ratios and not specific devices.
-
Chris
commented
A MUST HAVE!!!
-
Anonymous
commented
This and microtransitions/animations area must for my daily basis. I hope these get included soon.
-
Matthew Jett
commented
If XD could implement this feature before Sketch and Invision, then this would give XD a better competitive advantage. A must have feature for me!
-
Yoav Chen
commented
-
Stevo
commented
I always have to manually resize the artboards with the elements within, when I need to show people what it looks like on different size screens...
-
Anonymous
commented
Allow for designs built for web to have built-in breakpoints for responsive design. I believe that invision has this built into their new product coming out.
-
Reem Akuz
commented
Im so excited!!! Give me a date when will this be released??
-
Anonymous
commented
A must to be able to switch to XD. :)
-
Todd
commented
I have used Adobe for over 20 years (and have enjoyed it), but it seems like they are trying to catch up with things that are needed in the prototype/ux arena (compared with InDesign and others who have already offered these practical/basic solutions for ux developers). I am disappointed and frustrated with this poorly implemented entry into this software environment. I've requested 2 basic things recently; 1. A fixed tab bar footer for phone prototypes, and 2. A responsive layout so I can present my prototypes to clients in whatever environment they're in, with a prototype that will show them the responsive functionality of the app. or website I am building. How is this not a basic include in software that is meant for this purpose?
Also, the software is very buggy on windows, it crashes a lot. Come on Adobe, if you're going to enter this field, do a better job then this!
I convinced my boss Adobe XD was a better solution than InDesign, but as I continue to use it, I regret doing so.
-
Tomás
commented
This is the main feature you should focus on. I will never switch to XD until you have support for responsive layouts. Thanks.
-
Daniel "The Greh One"
commented
InDesign already offers Fluid Layouts, this is absolutely necessary for a program geared toward the ease of web and app prototyping and design. DO IT! DO IT NOW! MY DEVELOPER WILL LOVE YOU!
-
Daniel
commented
This is absolutely critical for modern responsive UI design. A big miss from Adobe if they plan on competing with other platforms.