Skip to main content
bart13
New Participant
June 22, 2023

Variables: Color alias with alpha / opacity (rgba ideally)

  • June 22, 2023
  • 113 replies
  • 13892 views

hey there!

variables seems to be super nice but what i am missing is that if i make a colour alias to a specific collection - i can’t set the opacity separately (e.g. colour 50 with 20% opacity)

So basically i want the colouyr to be from another collection and i want to set the alpha seperatly (controlled as rgba - since i dont need it as opacity)

Example how we can fix this in token studio:
image

So what i want is that i can set blue/5 and then the opacity (which i dont want to capture in another colour variable)


Now its only possible if i break the link with gray/75 - and then i loose the reference to that colour

113 replies

rbccwbr
New Member
November 14, 2025

+1 this is really needed

Gorkem_YILDIZ
New Member
November 25, 2025

This is absolutely necessary. The current Figma Variables system needs to be developed much further right now it only covers very basic needs. When building a comprehensive design system, you run into many limitations and are forced to rely on hacky workarounds.

Craig_Garner
New Participant
November 30, 2025

Adding my voice to the mix too, this is an essential requirement to manage a color system properly. Variables could be so much more in Figma, it’s disappointing to see so little progress after such a long time.

stephane_sdr
New Member
December 3, 2025

Same here, waiting for this abilitie, it’s so common to handle opacity into  a design system colors…. just check how the web is evolving with hsl okclh and so on. Every single doc in frontend is build upon this ( tailwind, shadcn, radix, ...)

What’s the point of variables, tokenisation etc if we can’t rely properly this basic thing ?

Frederic_Giroux
New Participant
December 19, 2025

This and not being able to have a colour gradient variable are very restricting us in the usage of variables right now. 

Mmediong Esu
New Member
January 6, 2026

BUMP!!!

jackh80
New Member
February 26, 2026

Sorely needed. It has been available in PenPot for ages. Figma is falling behind. BUMP!!!

Variables Plus
New Member
March 3, 2026

I hit the exact same limitation and it drove me nuts.

Figma doesn’t let you override the alpha/opacity of an aliased color variable without detaching, so you lose the reference. I built Variables Plus to solve this class of problems by adding formulas on top of Figma Variables.

With Variables Plus you can keep Blue-950 as the single source of truth, then create derived variables like “Blue-950 @ 50%” (or drive the alpha from a separate opacity variable) while staying fully linked — when Blue-950 changes, all opacity variants update automatically.


Example: I reference Blue-950 and apply a 50% opacity formula. If Blue-950 changes later, the derived color updates too, while always keeping 50% opacity.
 


Plugin: https://www.figma.com/community/plugin/1607106236822235286/variables-plus

Demo file (duplicate-ready): https://www.figma.com/community/file/1607096708474658929/variables-plus-demo



@Carina_Ostermayer ​@Jacob_Kersh ​@Julia_Mnizhek ​@Neto_Ana ​@SomethingFishy ​@yu-mi ​@Digital_Team2 ​@Digital_Team2 ​@Wessel2 ​@Jennifer_D_Amato ​@Matthew_Vella1 ​@Frederic_Giroux ​@NIF ​ ​@Kate_Sosedova ​@Alexander_Hahn1 ​@Marine4 ​@Craig_Garner ​@rahend ​@Oleh_Shydlovskyi ​@Dmitry_Boremsky ​@Mea ​@AntonioB ​@Alice_Holm ​@Bob_Medcalf ​@v_kosianchuk ​@Rachel49 ​@simgust ​@kiprou ​@FilipaGo ​@UsabilityJeff ​@Dan_Hopewell ​@Jacek4 ​@Vicky10 ​@djv ​@Kevin_Rousseau ​@Nouela ​@Jason_Parry ​@chumachenko.vsevolod ​@Josh_Kriese ​@Slava_Bronevitskiy ​@Oren_Bahari ​@Fergus-Jean_Jamie ​@Jeremy_Knudsen ​@Frans_Baud ​@Pavel_Kiselev ​@Nathalie_Gouzee1 ​@Schaltza ​@Fred_Tinsel ​@EwaKaminska ​@mattaningram ​@Aurelio_Arantes ​@Hampus_Svallfors ​@Amalya_Henderson ​@Volodymyr_Kosianchuk ​@vsathishkumar ​@Ilona_Czerwinska ​@Sourav_Mostafa ​@Raz_Pulurian ​@pterisaur ​@bart13 ​@jnetzlr ​@Philip_Hodges ​@Gorkem_YILDIZ ​@Andy_Rubaye ​@Trevor_Dupp ​@ass ​@Keaton_Yang ​@Elliott_UX ​@Andy33 ​@RickvandeSande ​@Ivan_Manolov ​@Alyssa_Humlhanz1 ​@Jesse_Penico ​@Danny_Giebe ​@Grigoriy2 ​@rbccwbr ​@TE149 ​@Tom Erik Heggedal ​@Mmediong Esu ​@Silverjerk ​@butter ​@stephane_sdr ​@jackh80 

Pigeon
New Participant
March 20, 2026

Please ​@Figma_Moderation  !!! Let us change the opacity without needing to Unlink the Master color! It’s so much extra work to maintain and make, when we can’t like  developers justm make destructive/50 , to get a 50% variant variable.

We need to disconnect it, and redo it all manually if the red changes.
We don’t need more slop AI side quests. 

 

 

Pigeon
New Participant
March 20, 2026

@y_toku Any updates on this after years?
It’s essentially a giant pain, that we can’t do like code /50 for opacity without disconnecting the color.