Variable opacity control for fill

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

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.