Layering Color Styles

It would be very useful to be able to layer color styles on top of one another. Currently, a system might need Primary Button/Default, Primary Button/Hover, Secondary Button/Default, and Secondary Button/Hover color styles, etc. If we were able to layer color styles, Figma users could have Primary/Default and Secondary/Default, but have a single style called Hover that was, say #FFFFFF with opacity set to 20%. This Hover style could be applied on top of any default interactive style and reduce the number of color styles the system uses, especially when this is scaled to account for other interactive states. Something like this:

1 Like

The Information you shared above is great. I have been reading all you shared here. In this you explained everything very well. If i want any further guideline we will contact you here https://forum.figma.com/t/layering-color-styles/19360-lottery

Already requested.