Allow duplicate character styles and colors (CSS)
Currently you can only have one character style for a given set of parameters, however it might be nice to have duplicate character styles. For example h3 in tablet might match up with h4 on desktop, but it's confusing for them to share a single style.
Nándor János Danyi commented
I'd like to be able to have multiple istances of the same color.
Changing a color to an already existing one in the asset panel, merges the two colors. If I have 100 components with color A and 100 with color B and decide to have all 200 components with color A, the easiest way to achieve this is by changing color B to A. The two colors merge, and if later I need to change the color of the original B colored 100 components, then I'm in a terrible position...
Michael Herr commented
@Clemens Gramespacher probably no votes because folks need to work. Most people have probably realized after researching that this is not something that Adobe has scoped out as a feature that is needed and moved on to another application like Figma that does this just fine.
In this day and age, there is competition and quite often, the competition is far better than what is considered industry standard.
In my opinion, Adobe should pay a little bit more attention to why users are finding and using other software.
Please consider implementing this. It's a huge pain for us at the moment. I would love to be able to define colour assets by function (background, dark background, button, dark button, header, dark header, etc.) but in some cases I use the same colour for different functions. It's not possible to achieve this with the current implementation.
It's also a problem for defining light/dark mode colours. I could define a colour (Blue) and a dark mode equivalent (Blue Dark), but it's not always the case that everything that uses blue in light mode will use the equivalent dark blue in dark mode. Different elements may need a different treatment, and it becomes messy to keep track of this and communicate to developers.
When I selected text boxes and apply a character style, some of the other text boxes also get that style applied when I don't want them to as I have a different text alignment on them and want to create a different character style for those. Although XD does this I can still select those specific text boxes and should be able to create a different style but I can't. Please add this feature.
Nuts, this does not work.
I would like to have the same color for icons and headlines but might want to change that later on without having to manually re-assign the new color to each icon.
This really is quite basic... :-/
Why does a design software behave like it's more clever than the designer??
If I decide how H1 should look on all mobile screens, why does it delete this character style if I make another style for desktop (with the same parameters) ? This is not a friendly solution.
Running into the same issue with repeat character styles applied to different viewports. Need to assign specific variables to each character style without having to cross-reference. Huge limitation for responsive design. What are some temporary work-arounds for this while (hopefully) Adobe addresses?
Yorik WNENT commented
It is a major issue if we want to build Design System with XD.
Just with that i am thinking to change software...
PLZ Adobe !
Running into this same problem in character styles for responsive web design.
Yes, I am doing that work around right now, but they are not stored in "Character styles". I am requesting a feature to create sets under character styles not assets/symbols that DO NOT overwrite styles with the same values. e.g. I have a font that on mobile and desktop are equal but on two different breakpoints, but they overwrite eachother.
Since Adobe XD does not support EM or REM values, we need to do sets of different fontsizes for developer handover and a collaborative UI Kit, where fontsizes for different breakpoints are fixed.
It is fairly simple actually.
It would be great to be able to create character style sets that can be used in e.g. UI kits and Design Specs for developers
Styleset for Desktop, Tablet and Mobile.
Clemens Gramespacher commented
Uh – only a couple of votes for such an important feature – Hope Adobe will rank it higher nevertheless … :/
A weird thing is, you allow multiple assets with the same name, but not multiple assets with different names for the same style.
This is also an issue with Character Styles. When creating a large design system, it's possible to want to specify the exact same character style for, say, Desktop L and for Tablet XL. To make those the same style makes it more difficult to change one of them down the line without also changing the other. It also breaks the naming convention because you'd have to put AND in the name to include all of the sizes that apply to that style.
I DO like the protection in place when trying to create a style that already exists-- but it would be nice to just be notified rather than prevented from doing it.
Michael Richins commented
One of the main reason why I use Figma instead of XD is because of it's 'Styles' or what XD calls, 'Assets'. In Figma, I can have two different assets with the same value and XD does not let me do this. This is useful because I may want an asset that represents a background (#333333) and then have another asset that represents a foreground (#333333). I don't want the background asset to change when I change the foreground asset.
I have the same problem with this issue!
ADRIAN DAY commented
so I guess this isn't a priority as I get this same problem. I have multiple character styles that share the same parameters but need them just incase I might need to change colours in the future. But they disappear, it needs to work like this as it is a templates used by multiple users. So do let me know if any updates, I have got round this by slightly altering a colour but if other users make them all the same things will start to disappear out of the menu.
Julian Knott commented
This would a really good update for all the reasons given below.
Michael Trovela commented
I stand corrected. I am able to add more than 11, but I was trying to add a style that had the same properties as an existing one.
This seems to be a serious limitation because there are situations when duplicate styles are necessary. Designing a responsive website is a specific use case.
For example, responsive type styles often carry the same properties but at different breakpoints. So, "Title Style A" for desktop screens happens to have the same properties as "Title Style B" for mobile.
So to keep the application of these styles consistent across artboards, it helps to have two separate styles even though they have the duplicate properties. This adds clarity in design and dev workflows.
Michael Trovela commented
Running into the same issue. My "Title B—XS" has the same properties as my "Title C—XL," but need to have them defined separately so I could easily apply the correct style to the matching breakpoint.