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 just started trying out XD and got so frustrated with this that I found this thread. Other things that anyone who creates prototypes would call out immediately, like easily changing border radius, are becoming time-sucking dead ends. Should I continue with XD, or is the entire application this frustrating and just go back to Sketch or Axure now?
Antonio Morales commented
Bye bye Adobe XD, hello Sketch
Stacey Lane commented
Needed this today. Have an ask to keep all images in my comp in the same ratio and my placeholder can't be resized as a symbol. Would be super helpful to have this functionality.
Back to Sketch... here we are.
Ability to scale symbols e.g. button symbols. Currently when assets are grouped together, you can scale the group, but when converted to a symbol, you can't change scale it. Thus when creating something simple like a button symbol, you'd have to create multiple symbols...which kind of misses the point of creating a symbol in the first place. Please see the attached .mov for an example.
Franco Calcagni commented
Hope will be ready soon. I'ts a must-have feature for design systems and multiple screen design.
Heidi Egger commented
Auto animate would be much more powerful with this feature.
No design system can be created without this feature.
That's a shame!
A work around I found is to ungroup and regroup the symbol immediately after you drag the symbol into your design. Just shift+cmd+g then cmd+g. It will unlink the symbol. Maybe someone can develop a plugin for that.
Joining the cacophony of voices agreeing that this a needed feature.
Without this, there's honestly no point of having symbols. If I can't change the size of my button then I have to copy and paste it as a separate element.
Looks like this feature has been started. Any idea when it will be launched?
This feature can help you in situation when you have 10+ different sizes and some images or text to change like here
Armando Scuro commented
my designer friends laugh at me when i tell them i design on Adobe XD, because it doesn't have this feature :(
they are always saying, "do you even build design systems bruh" :(
but in all seriousness, this is the biggest hurdle of my workflow, and please adobe, i beg you, fix the decimal issue when resizing groups, as that takes aways from the joy of using responsive resize
I wouldn't believe this was not a feature. I wanted to think it's just clumsy me not finding out how to do it. Until I saw this post. And all hell broke loose.
A must have. Impossible to have 1 button symbol per case :) e.g a button with "Add comment" or "Like" shouldnt have to be two separate symbols because the size of the content size.
Come on, come on Adobe ;-)
Jon Tarbuck commented
This feature is a must-have. Not having it, when designing UI for complex applications, really slows me down.
Joel Pons Schmidt commented
This is obviously a bit of a usability issue. So, might I suggest a new feature on the next iteration?
So, as is, in order to scale a symbol, it cannot be grouped. Symbols can be scaled individually (effecting all other instances of the symbol), but not in groups, whether or not the group itself is a symbol.
For groups of symbols to be scaled, they need to be made into regular layers AND all layers within is need to be converted to regular layers as well. However, the issue at hand is that when you ungroup a symbol via right click or Shift+Cmd+G, it doesn't do so recursively! So the user is forced to manually select all symbols within a group and convert them to regular layers. This is a big inconvenience.
My solution would be to simply add a menu item or command such as Shift+Alt+G > Ungroup ALL Symbols.
Get this done. Please and thanks.
Needed this today
Joachim Angeltun commented
So, I just started using XD. I went to scale an object, and I could not find a way to scale it. I thought I was doing something wrong and did an online search. I then found out that this feature is not in XD... WHAT!! That is a basic need! Come on Adobe.