The benefits of responsive resize
“We found that in order to design for responsive environments, designers working in XD were constantly duplicating elements, putting them on a different artboard, and adapting them to a new screen size,” said Hoyle Wang, product manager for Adobe XD, as he explained the reasoning behind the new addition.
“This process was very manual and tedious, especially when you consider that, generally, the layout of elements did not vary much from page to page. The changes are with regard to different spatial relationships between elements. In competitors’ products, designers also went from manually resizing each individual element to manually setting resizing constraints on each object, then resizing the object. When we studied the feature at Adobe, we realized there was a predictable pattern that we could use machine learning for,” he said.
Adobe XD now predicts which constraints you’re likely to set and automatically applies those constraints as objects are being resized, which saves a lot of time. The tool does so by analyzing the objects you have selected, their grouping structure, proximity to the edges of the parent group, and the layout information.
This means you don’t have to go through the cumbersome task of setting constraints in order to get a good result anymore, and can spend more time designing and experimenting with different layouts.