Skip to main content

Add way to change opacity for color variables alias, fills, strokes, etc

  • June 22, 2023
  • 113 replies
  • 15475 views

Show first post

113 replies

Alex_Karoza
  • New Member
  • June 20, 2025

Or even better, allow modification of any values based on the original variable.

For example, changing Hue in HSL or Alpha in CSS.
 

With LAB+LCH/OKLCH color systems supporting updates, it will be HUGE!

It can change the way people think about color.

For other variables, it will also be beneficial; for example, to dynamically align inner and outer border radii.


schoon
  • New Member
  • July 14, 2025

+1 Also needing this feature


JacksonSingleton

Does anyone have any sort of workaround? Most of my components use a background color on the base frame. I would have to rebuild my entire design system, or 10x the number of variables I have while losing the ability to reference the root color. How is this not addressed or supported?


Nathan2
  • New Participant
  • July 24, 2025

+1 - Would love to have tokens for opacity independent of tokens for color


yujinyujin
  • New Member
  • July 30, 2025

+1. It would allow for so much more flexibility. Would be amazing to be able to pair set opacity tokens WITH color tokens


arda0
  • New Member
  • August 26, 2025

+1 

 

Need this ASAP.


Recep_Kutuk
  • New Participant
  • October 14, 2025

FYI 😊


Jeremy_Knudsen
  • Active Member
  • December 16, 2025

So, it’s happening finally ???


Tiago_Gomes
  • New Member
  • January 28, 2026

For all ppl out there apparently you can make a Linear gradient with the same color and them add a transparency on the side panel :P 
 

 


Recep_Kutuk
  • New Participant
  • January 30, 2026

For all ppl out there apparently you can make a Linear gradient with the same color and them add a transparency on the side panel :P 
 

 

But what’s the point? Consider this: The most convenient use case (for me at least) is selecting a component and clicking on “Selection colors” option to change necessary colors easily. There’s no work around to enable this.


James_Walsh
  • New Participant
  • February 26, 2026

For all ppl out there apparently you can make a Linear gradient with the same color and them add a transparency on the side panel :P 
 

 

I’m using this work around for a few small edge cases - thanks for pointing it out. 

I cannot wait for a future where I can build a cascading color system that let’s me change the root values and everything just adapts. 

Kinda insane we’re still here asking for this in 2026.


DanVP
  • New Member
  • February 27, 2026

This is another one where I wish that absolutely every text or number field would accept variables in them. I would love to be able to set the fill color opacity as a variable, and the H/S/L values as well, etc.

 


Kerry_Johnson
  • New Participant
  • March 1, 2026

Tried creating a new color style and the gradient hack above (cool trick if you just need to hand-key opacity in), none of them allow setting the opacity as a variable.  So for now I’ll just create a layer above and set variables on Fill color and Appearance opacity until we get support for this in.  I am glad with the recent updates to Figma and glad they are hopping off the AI train some.