Skip to main content
Lukas_Oppermann
Lukas_Oppermann
January 29, 2021

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?

    45 replies

    Show previous replies
    AnneK
    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.

      Fabian_Beckmann
      September 1, 2023

      What effect is this? Would help me a lot

      Peter_Villevoye
      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
      Hannes_Johansson
      June 5, 2024

      I would love this for text styles as well!

      Dennis_N
      Dennis_N
      Power Member
      July 11, 2024

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

      Terms & ConditionsAccessibility statement