September brings an exciting update to Adobe XD, as we’re now releasing new tools to help you easily design for multiple devices at different screen sizes, and introducing timed transition elements to add an extra realisms to your prototypes. With Responsive Resize, you’re able to resize your design canvas and the elements on it (when creating a design for both an iPhone and an iPad, for example), while keeping the placement and scale of your design in place. Meanwhile, new Timed Transitions will allow you to simulate the effects of loading states, looping animations, and more. Add to that a new and improved full-screen viewing experience (and the always popular addition of spell check), and XD has never been more powerful for designers who need to easily create prototypes that are as effective as they are easy to create.
Keep reading to see our new features in action, and be sure to tune in to Adobe Live, September 17, 18, and 19 (from 9 a.m. to 5 p.m PST) to see top UX designers using these latest features in Adobe XD.
New to XD: Responsive Resize
We live in a world where designing for multiple devices is not only important, it’s essential. Adobe XD has now added a Responsive Resize feature that allows you to resize groups of objects while keeping their placement and scalability. All you have to do is resize the group right there on the design canvas, and XD will keep the relative spacing in place.
“When building new components, to add to our ever-growing library, our team must account for devices of all sizes starting from the truly early stages of ideation,” said Greg Pilawa, UX/UI design manager for Wyndham Hotels and Resorts. “XD’s new responsive resize feature gives us the power to rapidly conceive, design, and test across multiple devices without having to rebuild each component from scratch or adjust every element individually. This will undoubtedly allow us to build more, faster.” Check out responsive resize in the video below.