Skip to main content
Question

Is it possible to use opacity / alpha as a style?


Ash1

I love the control FIGMA gives me with the ability to apply color styles across different elements like text, fills, strokes etc. and am wondering if there is a way to do the same with opacity.

I know I am able to apply opacity to colors and save them as a style, however, I’m wondering if it is possible to create opacity itself as a style?

To be more specific - if I wanted to make a simple input field look disabled, I would currently use multiple disabled styles to achieve this. (For example, apply a disabled fill style, disabled border style and disabled text style as applicable) It would be great if I could just go in and apply a single disabled style that makes the component say 45% opaque. That way, I could apply a uniform disabled style across all disabled components without creating a disabled style for each color (or endup with different levels of opacity if I’m lazy and depending on my frame of mind 😅 ).

tank666

There is currently no layer style in Figma, but you can create a suggestion on the forum in the #product-feedback category so people could vote for it


Kasparas_Siudika

Yes please, this would be amazing!


JawDesigns

I am trying to do the exact same thing. We use opacity to make components look inactive despite their colour or size. Was their ever a good solution for this? I have used a plug-in but currently it’s not working that well. In Sketch you could do this easily, I have moved to Figma during last couple of weeks.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings