Skip to main content

Setting color variables


Colleen_Gostomski

It is frustrating that when I am setting a color variable in a prototype, I can’t change it to another color variable or to a different mode of that variable. I can only change it to a new custom hex value.
I love the new variables feature, but the color changing aspect is not nearly as helpful as it could be with a simple fix! 🙂

This topic has been closed for comments

23 replies

Silke1
  • 4 replies
  • July 15, 2023

Yip, same here


Alex_Wright

Same, I really would like this feature. +1


Ines_Albano

Whilst developing a prototype, I came across a feature that could be relevant to a lot of people: allowing to set a color variable to another color variable. Right now, we can only change a color variable to another HEX value for example.


Stephane_Popout

It is close to Setting color variables
// Edit: I linked it to the same post 😂 my bad


Celine_D
Figmate
  • Community Support
  • 3381 replies
  • October 11, 2023

Hi @Ines_Albano , thank you feedback! I agree, it looks similar to this feature request : Setting color variables , I’ll go head and merge it so we can gauge the overall interest under the same topic.
Thank you! 😃


Daniel_Cullinan

I came across this for the first time on a project I’m currently working on and was surprised at this missing functionality. Seems like a no-brainer to add ‘Libraries’ alongside ‘Custom’ in line with the standard color picker.


Martynas_Gailius1

Definitely a must-have functionality


ahainen
  • Active Member
  • 41 replies
  • December 17, 2023

The more I use Figma Variables, the less I expect out of them.


Desislava_Slavkova

+1 This would make my life a lot easier, please add!


Max_Knoblock

Yes, please add this functionality.


Yes, I want to apply a 30% black overlay over the base button color for a button hover state and a 60% black overlay over the base button color for a button pressed state.


Emily37
  • 1 reply
  • January 25, 2024

yes, same here. I need this to change the colours back and forth while interacting. Why is it not possible? Is there any conflict if we can set a colour variable to another colour variable?


Roxanne_G
  • New Member
  • 21 replies
  • February 7, 2024

Yes- agree completely. We will not switch over to redo-ing our components and variants until tit’s possible to use color variable mode value expressions in prototypes.

There are other uses beyond light and dark mode like shown in this video https://www.youtube.com/watch?v=xQcVmYM8UZs


+1 Must have feature. Please add!


Gabriel37
  • 2 replies
  • April 25, 2024

Please remember to use the Vote button up there, Figma should take note if lots of folks have the same issue.


Jeanine_Kilgore

Setting a color variable from another variable would be very helpful. It would save me from having to go in/out of all m prototype areas if I want to use a different color. PLEASE add.


Upvote +1 from me too


Rob2up
  • 4 replies
  • June 3, 2024

+1 for me 🤙t3:


Wilfred_Wong

+1 as well from me


Yes to this! Color variables are kind of useless for prototyping. I mean… I did create all these styles and variables, now i can not reuse them in prototyping? That is just sad.

BTW, I want to use color styles in variables as well.


Eric_Moser

i am making a custom version of a toggle and trying to have its colors represented across other components (color changes on one component, other signifier on page also changes that color) and this would be super useful to have for that. especially if we could use If Else statements to compare color hexcodes for that as well. its just a hexcode, should be easy to compare. changing from variable to hexcode seems destructive and not often what you would want to be a one way switch.


Thibaud_Van_Vreckem

How can this only have 32 votes ?
is anyone trying to do prototypes with Figma ?


  • 0 replies
  • December 21, 2024

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.


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