Skip to main content

Issue with Opacity in Figma Variables

  • May 16, 2025
  • 1 reply
  • 48 views

Mohamed Hassan

In Figma, I can create a color variable like Primary/500,
but there's no way to create another variable that links to Primary/500 with just a different opacity (e.g., 50%).

This becomes a problem when I change the base color — I have to manually update every opacity variation, which is time-consuming and breaks the idea of dynamic design systems.

🔧 Feature Request:
Allow opacity to be applied on top of existing variables when creating new ones.

1 reply

Sandra_Najdanovska1

Thank you for this! I was just about to post the same request. 
I am working with design systems a lot. I am using Material Design color system and I have 112 state variables with opacity, (66 multiplied by 2 for light and dark mode, god forbid I have more modes) and whenever I change the base tones I have to manually input each hex code since Figma doesn’t allow using opacity on existing variables. It’s such a hassle and time consuming. 


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings