Global Style/Color Edits
Provide the ability to change multiple objects/elements within a document and/or across artboards.
Example: Ability to increase font size within a button across all artboards (without multi-select)
This is similar to increasing font size within a repeatable grid—all increase.
Another example: replace/swap a theme color throughout the document.
Hi XD Community,
I’m glad to announce that you could do global character style or color edits in XD through the assets panel. Just add your colors and character styles to the assets panel, and once you edit any of the color / character style properties in the assets panel, those edits will propagate to all objects or symbols that inherit those properties.
ProTip – Color Merging in the assets panel: you could also merge colors in the assets panel by copying the Hex value of one color and pasting it into another. All objects or symbols that have the old color will automatically inherit the new merged color.
To learn more about managing your colors and character styles in XD’s assets panel, please check the following resources:
If you have any feedback or suggestions around how to improve this feature and other assets panel features, please create a new feature request on UserVoice.
Danny Haagen Rasmussen commented
As it currently is, the only assets that are usable in different files is Symbols, correct?
Is it possible to have all assets, including colors, accessible from any given file, on any given device logged in to my adobe account?
this is a very a basic feature that helps a ton when you have 20-30 screens. Changing/updating one the main colors would really make me go screen by screen. Imagine having 100's instances of that color. it really doesn't make sense. Adobe please look into this asap.
Why is everyone still reacting to this as if it isn't possible? This is what the assets panel takes care of right? Colours added to the assets panel update across the whole document. Styles added to the assets panel update across the whole document. Symbols likewise.
Now lets make that assets panel a library that can be used across different documents and we're talking :)
Oh, and symbol overrides please.
Stig Kristensen commented
I thought this was already possible using asset colours? no?
George Kingstone commented
Adobe Color Themes on this please!!
Stu Nami commented
Is Adobe even behind the development of XD? It lacks the core functionality a designer needs to rapidly iterate. It lacks everything Adobe has the resources to provide quickly. Yet years later the progress of this software is painfully slow. How do 4 other companies surpass UI/UX software in less time with less resources? My theory is lack of vision due to complacency high paid incompetence. Adobe is being so careful that they are letting the community build XD instead of paying 6–7 figs to a team of stellar engineers and designers—free to do what they do best. INNOVATE!
Jeremy Hart commented
Why is this here yet??? Isn't is a very basic feature that would be used all the time?
One of the reasons I don't think XD is quite ready for full production use
the point is that it shouldn't have to be a symbol.
What you have described is a workaround, but is not what that feature is for in its primary instance.
Text styles are a core part of any application - it's a fundamental feature in my eyes. One that has been severly overlooked!
I'm confused - can't you do all of this with symbols? Colours added to the symbol panel can be edited and change that colour across all artboards.... Same with text styles in a button if you symbolize it, right click and update.
Not sure if it helps but Google released a Material Design editor as a plugin for Sketch. Maybe something to explore to make this new feature :)
Jonathan Reitsma commented
I second this. Being able to swap a main accent colour across a project would be HUGE.
Yes! It would save me HOURS of work. Please add this.
Dan Prado commented
Just let us set $primary-color, $accent-color and so on.
Kyle Germaine commented
So you've built an application for styling software programs and creating interactive wireframes? Very first question. Can it do this....
family: $header-font ,
If the answer is no then you need to seriously rethink your entire organization and product development process.
Mind is absolutely blown how this isn't the first thing you do
Rob Earle commented
In the backlog with so many votes! I hope this comes in the next iteration
i wonder when will they dd this when they dont even have underline text available...
We need this sooner :)
David Ryer commented
Also a global "Replace font" and "Find similar color"
David Ryer commented
• Type style sheets (like ID) – totally essential.
• Globally editable swatches (like ID or AI) – it's a handicap without.
• Select similar color (like AI) – would be really useful
• Sticky Headers/Footers/Sidebars (like Invision) - can't prototype an important aspect
• Shrink-on-scroll Header (even Invision doesn't have this - beat them to it!)
• Menu or Hotspot templates (like Invision) - way too much work without