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
Hi All,
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:
letsxd.com/whats-new
helpx.adobe.com/xd/help/linked-components.h..
Please give it a try and let us know what you think.
Thank You!
-
Michael Woodruff commented
This is one of the biggest issues I have with using XD over sketch.
Sketch does a nice job here:
https://youtu.be/p5-dcL9QzUk -
Zack Keys commented
So there are two features that I've found to be invaluable when working within Sketch that I'd love to see in XD
• The Ability to alter how certain elements of a symbol react when you change the size of the Symbol Instance.
It allows for much more detailed mockups while retaining the benefits of symbol usage. It also allows for the creation of more condensed styling documents.
Hopefully the videos I've attached will give you a good idea of what I'm talking about.
Would love to see something like this within XD (Especially on the Windows side we where have virtually no options for good software in this vein)
-
Cyrill Studer commented
Essential!! Please add this feature
-
AdminMark Rausch (Admin, Adobe) commented
To put it more clearly - Symbols are _moved_ proportionally, but the are not _resized_ proportionally (they are not resized at all). Is that correct?
-
James commented
This bug is also present when you do all of the above but using say three text fields and one graphic object of the same proportions.
-
Mattias Bregnballe commented
Steps to recreate:
1 Create a symbol from a shape
2 Copy symbol so you have multiple symbols on the artboard
3 Select all symbols and try to scale them as a qroupResult:
The group does not maintain its proportionsExpected result:
Groups of symbols should maintain proportions when scaling, which is the behaviour we see when scaling groups of non-symbol objects. -
Jelle Spaan commented
I see this as something that could be solved, together with a lot of other feature requests, by having the possibility to make multiple variations for per symbol. The first variation should be the master and for each variation you can select which attributes are synced with the master variation of the symbol.
Variation attributes could be:
-vector positions in relation to each other
-size of the symbol
-textcolor
-bordercolor
-fill color
-connection to an artboard
-corner radius
-etc.@adobe: If you think this is a good direction please let me know and I will work it out as how I think it would be best to see it back in the UI of XD.
-
Natangenz commented
The feature Symbols really need to obtain!
It's awesome to have objects edited simultaneosely in ALL screens, but often I need to add a typical block and edit it according the situation - but I can't :( E.g. I have special button type - additional. It has rounded corners, green background and capitalized text. I need this button everywhere, but in different length. So I have to create different symbols to reach my goal...
That's very unconvenient.
Would be perfect to have 2 modes for symbols: editing a symbol in general, or current copy of it. -
Stevo commented
Will be incredibly useful to know how the UI works and show developers how it works.
Especially reducing the manual work of moving objects like tab bar and status bar for different size width for different devices.
-
Jon commented
One feature i am hoping too, I use resizable buttons in sketch all the time. One Symbol with the base size and then stretch the width to reuse it but in a bigger instance. This cuts down the need for multiple symbols for the same thing
-
Justin Wilden commented
Scaling Logos.
Upload a logo at large size and then make symbol. Resize multiple times for different purposes. Logo in header, logo on home page, etc,Responsive Trick
Use different scaled Symbol of a photo for different sized artboards. -
Joel Meine commented
Paul, Could it would be more effective to offer a flag/toggle, where you can set the symbol to allow scaling or not? When I nest a bunch of symbols inside of another symbol, I often would not want to "reuse" those in a scaled manner, however I could easily create another symbol, where it makes perfect sense for that symbol to support individual scaling, (per symbol instance), but the symbol itself remains a master-symbol with the original scale.