Figma Support Forum

Use styles in other styles

Problem
Currently you can’t use color styles in other styles like grid or effect styles.
However this is very helpful for building design systems. Otherwise when changing a color that is used in effect styles you have to manually change it in all effect styles (which is a lot of work and can lead to bugs by forgetting it).

Solution
One possible solution would be to allow us to use color styles within the other styles.

Am I the only person who feels this pain or do others run into this as well?

3 Likes

If I’m reading this right, you mean something like color styles based on other color styles right? If so, I’m all for it. Something similar to Sketch’s color variables would be immensely helpful.

Oftentimes I set my color styles to have regular names assigned to the initial color color set (primary blue, primary yellow, secondary black, etc…). Then I have color styles set to specific UI elements such as text (text-heading, text-body, text-link) that are based on the main colors. But you have to create a separate color style; which make updating/changing colors in the future very time-consuming and error-prone.

Color variables would allow us to create a main style of colors and then create other granular styles more efficiently.

1 Like

Being able to create tints and shades without having to create a brand new color style would be amazing as well.

1 Like

Exactly, that is a very common case. So is creating shadows with your color variables.