Skip to main content

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! 🙂

Yip, same here


Same, I really would like this feature. +1


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.


It is close to Setting color variables

// Edit: I linked it to the same post 😂 my bad


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! 😃


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.


Definitely a must-have functionality


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


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


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.


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?


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!


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


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


+1 for me 🤙t3:


+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.


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.


How can this only have 32 votes ?

is anyone trying to do prototypes with Figma ?


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