Skip to main content

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

  • June 22, 2023
  • 98 replies
  • 12277 views

Show first post

98 replies

Tom Erik Heggedal

Soooo needed 🙏🙏🙏


Jeremy_Knudsen

Bumping this up… this is the bane of design systems in Figma


Alice_Holm
  • Active Member
  • May 27, 2025

+1 This is so needed! Please Figma


v_kosianchuk
  • New Participant
  • May 29, 2025

We need this


Rachel49
  • New Member
  • June 27, 2025

Please, we really need this


Silverjerk
  • New Member
  • June 27, 2025

Just chiming in to add another voice to the mix; rebuilding our design system and need several variants of our color aliases to use transparency. The lack of this feature has caused us to have to rethink our approach and significantly impacted our process since it is so critical to our new system. 


Volodymyr_Kosianchuk

UP topic


NIF
  • New Member
  • July 30, 2025

We've been requesting this feature for over two years with genuine hope. Every single day, I check Figma's updates longing to see it finally implemented, and every single day ends in disappointment. It's disheartening to see such a fundamental need remain unaddressed while Figma prioritizes flashy new tools like Sites and Draw Mode. 
As someone who deeply values your product, I urge you to listen to persistent user voices — not just chasing AI trends but solving the real pain points we live with daily.


Fergus-Jean_Jamie

This feature would be so helpful!  🙏


kiprou
  • New Participant
  • September 19, 2025

Please, for the love of God, decouple opacity and color variables.


Alexander_Hahn1

still waiting… wishing… ffs.


Raz_Pulurian
  • New Participant
  • October 9, 2025

Just had a dev get mad at me for having too many opacity variables. Sweet.


Jason_Parry
  • New Member
  • October 15, 2025

Are we all still waiting for this after 2 years?


This is a very basic feature, but it looks like Figma is busy working on launching an AI feature that nobody requested.


butter
  • New Member
  • November 6, 2025

bump


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

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

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