Responsive Resizing of Symbols
The new responsive resize function seems pretty great, but it would take it to the next level for me if I could use it with symbols. This would make form fields and components super easy!
We’re excited to announce that with our May release, we have introduced Components (previously known as symbols). Components are design elements with unmatched flexibility that help you create and maintain repeated elements while varying the instances for different contexts and layouts.
You can create a master component to define a reusable element, such as a button, and you can change any of its properties to customize instances of that element (Size & Layout, Style and Appearance, and Structural overrides). Changes you make to an individual instance are specific to that element, but changes you make to the master propagates to all the instances where the property hasn’t been customized.
Components now could also be responsively resized with the same powerful capabilities of responsive resize baked in.
Finally, you could link components across documents to maintain a single source of your components using the Link Assets feature or simply through copy/pasting components across documents.
To learn more, please check:
Please give it a try and let us know what you think.
Just started using XD for a project. The fact that this feature has not been implemented is maddening.
Uh... Yeah, this is a must. Adobe I love you and I want to love you more, but you should take a look at how Sketch handles their symbols. I literally tried not to love Sketch because I am such an Adobe guy, but I finally had to admit defeat and love it after using their symbols features. You guys have them beat on prototyping, and you should keep it up on that front, but being able to resize symbols is a must for reusable components.
As soon as I tried the responsive resize I spotted the limitation on symbols - it was the first thing I tried and the main reason I was looking forward to responsive resize. Hopes dashed, disappointed! It would be easy enough to solve too. When a symbol is selected on the artboard, you could add a "responsive resize" checkbox in the inspector to allow an override of the symbol/linked symbol's default size. In order to create a symbol that is responsive, users would have to make a group with all the resize rules set up, then make that group symbol.
Agree completely. This is a basic function.
Jon Prepeluh commented
i use sketch, but now a client need the files as XD.. where is the resizable function of symbols??
This is a must for making design system that could really be used across files, teams and platforms. We need this.
David Genger commented
This is essential! The same way it works in figma.
There is a lack of Responsive Resizing of Symbols. How it works in Figma or Sketch. Having collected a symbol with all possible elements of the field - you can easily transform it for any needs. Leaving at the same time through change of styles throughout the document
imagine this with a button. the ability to change the label of the button is currently there, but in order to resize the container of the button, I have to break it apart from the symbol. This defeats the purpose of having a button symbol at all