Scale/resize symbols individually
I love the addition of symbols to XD, only let down (beside the ability to re-organise them which is already posted as an idea) is that I have to create a new symbol for every required size.
Please let us scale the symbols
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.
I'm designing a website. I created a symbol out of a navbar. How can I change font (bold) in only one of the menu items? When I do that all instances change to bold but I want only one to be highlighted to indicate that this very page is the current one. There's no problem with writing some other name, but this does not solve my issue. Thanks in advance.
I don't understand how this one is not on the backlog yet :D Number one missing feature compared to Sketch imo
I want symbols to be more fluid. Currently I can't resize a symbol after applying it. Sometimes I want the same symbol applied at various sizes. Currently I cannot do that, I'm forced to make a new symbol for every size scenario.
I need to scale my pictures on this app :/
So many comments, for God's sake just look at Sketch how they scale symbols and do it better.
XD is a great minimal tool, but symbol management is what keeps so many UX designers away from XD still.
Glen Lipka commented
Figma components completely nailed this. Please copy that implementation.
Marcus Langdale commented
This is a near-useless tool without this function!
Luis escorial commented
This is essential to me. The major reason I'm sticking to Sketch
You can kind of scale symbols in XD if you double click on them. At least it's been working like that for me.
sketch has symbols with padding I think I want to move to xd but lacking a lot in symbols :(
We need this in order for symbols to work!
its a musthave!
Please, it is necessary to design more comfortably
obvious miss! must have soon!
Ben Drechsel commented
Resize ability for symbols + resize rules for both symbols & groups would be awesome.
Scale/Resize and Rotate
To specify a bit more what exactly would be useful (imo):
- Being able to resize symbol instances without affecting the 'origin' symbol would add a lot more flexibility to working with symbols.
- On top of that, I think being able to set resizing rules (stretch - float - pin to corner - resize), similarly to Sketch would be necessary to have some control over how objects within the symbols scale individually.
- I'd also like to add that these resizing rules are (in Sketch) currently NOT limited to symbols alone. Instead, they're available to use in groups in general. Which is actually a good feature to have as well!
So far my 2 cents on this feature. :)
Mr. D commented
Pablo Sara commented
+1 This is a no-brainer. We need this.