Skip to main content
Lukas_Oppermann
January 29, 2021

Use styles in other styles

  • January 29, 2021
  • 45 replies
  • 9129 views

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?

45 replies

AnneK
February 16, 2023

I would like this especially so I can use different opacities based on the same primary color. For example if I want to make a primary color frame, and on hover I want it to become semi-transparent, I have to detach the style to reduce the opacity… I would much rather be able to modify the transparency, or indeed be able to create a new “Primary - 50% opacity” style which always uses the Primary color.

September 1, 2023

What effect is this? Would help me a lot

Peter_Villevoye
New Participant
February 21, 2024

It would indeed be great, if one could base a Color Style to be a tint (darker or lighter) of another Color Style. Changing a theme would be so much easier with that extra relationship.

Using a layer’s Fill opacity/transparancy to at least achieve lighter appearances, looks initially the same but is not effective when using elements with such a setting on other backgrounds. Adding white or black layers underneath is a workaround, but not very practical or structurally elegant.

Popular software like Adobe Illustrator and InDesign have always been supporting the dependency of lighter tinted Swatches on a base color swatch. It would be great if Figma would at least offer the same approach, and even go beyond this by offering darker tints as well !

Most designers are not sure how to define the separately and scientifically calculated values for Hue, Saturation, and Brightness/Lightness in the HSL/HSB settings, to reflect the brighter/lighter/darker perception of a color.

Hannes_Johansson
June 5, 2024

I would love this for text styles as well!

Dennis_N
Power Member
July 11, 2024

I believe this request is obsolete since we now have variables.