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.
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.
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.
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.
Lee Wilson commented
There are instances where I would like to have multiple character styles with the same properties, however, XD currently doesn't allow you to create a style that has the same properties.
I currently have a heading 3 style that I use for desktop, that same character style just so happens to be my heading 4 for mobile. Currently, when pulling in my heading 4 on mobile, I have to remember that its the heading 3 one. If there was a duplicate, simply renamed then it would make it easier for me to find and remember.
Hi Michael, just to clarify, are you not able to add more than 11 character styles in your assets panel?
Currently, XD doesn't have a limit on the number of character styles you could add to the assets panel. If you change any of the following properties in a character style, you could add it as a new character style to the assets panel:
Font Family, Font Weight, Font Size, Font Color, Underline, Character Spacing and Line Spacing.
Currently, I can only add a max of 11 character styles.
I often use about 20 styles to account for responsive sizes. For example, if I have 6 display styles,—i.e. Display A, Display B, etc—I will need 2 sizes for each particular style: one for XS screens and one for XL screens.
As I was creating a document with the paragraph styles for a page, I noticed that I can't make more than one style that has the same point size, typeface, etc. It would be great to be able to create multiples just because it is necessary sometimes. Differentiating them is possible by naming, or maybe introduce a grouping feature as well.
Thanks for your hard work!