For non-gradient use cases, we can handle it with layer opacity. But for gradients, it’s impossible if you want different opacities of the same colour at different points.

+1, layer opacity is definitely not the anwser (think about the handover to developers). Additionally, oklch implementation would also help.

So this boggles me.

Why can’t I change (override) the opacity of a referenced color-variable, without having to detach it? To me a color and an opacity value are two different things. So if I want an opacity on my referenced color e.g. “Blue-950” I have to detach it and change the value to my liking, now it is not referenced to the variable collection anymore.

A workaround is to add that “Blue-950” with the desired opacity in the variable collection and then reference that new “Blue-950-50-percent”.

It is so annoying that you can’t change opacity on the fly without loosing reference!!!

I get why that would be frustrating. Changing the opacity of a color variable directly without detaching it would be a useful feature. Currently, Figma doesn’t allow for overriding opacity directly on referenced color variables, which indeed forces you to either detach or create new variables for each opacity level.

Hey @Henrik_Andersen, thanks for the feedback!

@Alok is correct that this is currently expected behavior. I updated your topic for clarity, and we’ll pass this onto our team for future improvement.

Be sure to also vote up top! ☝️ Our teams use votes to gauge overall interest and prioritize.

+1 vote for this feature!

+1 I really need this feature

Huge +1 on this one 🙏

+1 as it would ease our design token implementation using variables

still waiting and wishing in late 2024

still waiting and wishing in late 2024

We need the ability to set opacity on only the fill or the stroke, not the whole layer

Exactly, Needed this.
Thanks for raising it @Henrik_Andersen 🙌

Earlier opacity wasn’t handled very well over web. Now we can manage it in strokes and fill easily, without worrying about interactions/animations.
So I believe this can help in managing design systems by allowing opacity overriding for color tokens.

still waiting and wishing in late 2024

+1 on this! Would be so great!

Sometimes, this is truly necessary, especially when working on templates where changing one color, like the brand color, automatically updates all variations.

All I wish for Christmas is this 🥲

Please.

+1 for the opacity option for a color variable

+1 on this topic. It’s hard for me to understand why this hasn’t been implemented yet. Makes theming so much harder.

Thanks for considering this, Figma developer team… 8-)

+1 Design System Management is still painful without a feature like this

+1 Design System management and theming so painful without this

This is an atrocity. Figma this really needs addressing.

We need this!!! +1000

Would love this