Skip to main content
rahend
rahend
Active Member
December 13, 2023

Variable opacity control for fill

  • December 13, 2023
  • 2 replies
  • 406 views

Hi Figma, I just want to share an idea. I’m so excited about variable updates, especially opacity and radius variable. But it will be better if opacity control is not only for layer, we –especially me– need it for fill.

    2 replies

    y_toku
    Figmate
    y_toku
    Community Support
    December 14, 2023

    Hi there,

    Thank you for providing feedback! I will share this with our internal team. Your input is highly valued, and we will take it into consideration for future enhancements.

    Thanks,
    Toku

    Brandon_Buttars1
    Brandon_Buttars1
    September 18, 2024

    I second this request.

    I’d love to use opacity more with variables, it feels wrong to have to unlink a variable every time to add a different opacity. Or to add a variable in Figma just for opacity. If we separated them you could even have an opacity variable that you use with the color variable. It would make it much more dynamic.

    Then when generating the code for CSS you could have something like:

    // 100%
    –color-1: rgba(0,0,0,1);

    // 80%
    –color-1-080: rgba(0,0,0,0.8); or
    –color-1-80: rgba(0,0,0,0.8);

    Maybe even give the use some options on what the suffix might look like.

    Terms & ConditionsAccessibility statement