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.
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!
Looks like it will be coming soon
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"
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
Thomas Hallgren commented
Hooray! Adobe is amazing.
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.
A MUST HAVE!!!
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
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...
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??
A must to be able to switch to XD. :)
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.
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!
This is absolutely critical for modern responsive UI design. A big miss from Adobe if they plan on competing with other platforms.