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.
Please also include unique opacity settings (in tabbed menus for example) and color
HIGH HOPES RAPIDLY GETTING DASHED!
I think an isolation mode similar to what illustrator offers would be a good idea for making changes to a single symbol in Adobe xd.
This is particularly vital with Symbols grouped with text elements. At this point, it feels like an oversight; but needs to be addressed.
Totally agree with this suggestion - This is another must to XD to make symbols useful
This is a big show stoppers to my team from using this tool. Anything in symbol references must be overridable and there should be a way to propagate changes from parent components to children (without affecting the grand parents....)
Fully agree. It makes absolutely no sense that in a vector design environment, symbols cannot be resized, but instead new symbols created and 2x edits if there are changes. It's entirely antithetical to the purpose of symbols.
Pleeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeease... 🙏😥 Why are you making our lives so hard! We were used to things like that in so many programs now. And it's still missing in XD!
This is perhaps the largest barrier for integration of XD into our workflows.
To make any adjustments to layouts - necessitating resize of symbol widths and heights - requires using Illustrator or some other program where you can easily select sub-points to make non-proportional size changes without impacting or scaling internal bits of the symbol.
What would really help here is providing a "point" selection tool where I could select just the right half of a rectangular symbol and widen it (selects all relevant points in multiple objects within the symbol). Even if I have to drill-into a group first that would be ok. Currently you must to drill into each individual element in the symbol to expand the width at the point level (too time consuming to be useful).
If the item contains a repeat grid then it becomes even more difficult since you currently have to do the editing in Illustrator... and thus loose the repeat grid when pasting back into XD.
This is a must... I'm really surprised that I've come back to XD after a few months and it's still not implemented..
It would be very helpful to be able to control the size of symbols used. Maybe even have to the option to
"lock in" certain properties. Maybe sometimes I'd want to have the size locked in, and in other instances would want the size to be able to fluctuate. But if I had to have a trade off, I'd prefer the ability to resize a symbols on a particular screen. Would love a drop down or something that gives me the option of "locking in" things like size and color, or not.
Another example for a use for a singular symbol change shortcut key would be Anonymous' need to bold and unbold a nav menu
I one up this request and raise you another. It would be really cool if we could just hold a shortcut key (like alt or something) that would allow us to modify a single symbol instance on a singular level rather then changing it globally for not just resizing but also, minor anchor point changes, color changes, etc.
I know that seems pointless to use a symbol in the first place then, but hear me out. Lets say I have a hamburger menu symbol and I use it on every artboard with a white background. But on one of the boards the hero banner is a dark color, and thus I need to change the menu icon/symbol to be white to contrast that one particular background, but I like all the spacing and everything else from the original icon and want that all to remain globally synced. If I could just click that one instance and hold alt to temporary break the global link and make a minor change like size or color while still keeping all the other aspects globally connected that would be amazing.
How is it even possible that you release a symbols feature without the ability to RESIZE??? Just insane.
Anuar Bolatov commented
We want Symbol Scaling feature and ability to align & justify instances within symbol like Anima does
Anuar Bolatov commented
+1 I vote for this idea as well. In addition to this, It would be great to have content align feature like Auto Layout by Anima.
Andrew Hainen commented
This makes symbols completely pointless. Abandoned XD because of this
Harun Alikadić commented
What is status of this request?
Workaround that may help someone to make text bold/change_color in only one instance:
Select first half of the text and make it bold, then select last part of the text and make it bold. Done. It will make bold the entire text of the single instance, leaving all other regular.
Bryce Flynn commented
Configurable instances of symbols - size, labels, colors and especially STATES - of huge value. Just look at dear old, gone-but-not-forgotten Fireworks to see what's been lost.
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.