Skip to main content
Solved

Figma Color variable not working as expected

A

Hi, I was just following this Figma variables tutorial by DesignCourse about toggling colors on the same screen using Figma’s brand new Color Variables.
The idea is to change color of background using toggle button component variant and color variables combined. I just followed same steps but the results aren’t as expected while the tutor gets the results with same steps. I linked everything as instructed, but couldn’t sort it out for last three hours 😦 .
The file I’m working on is here

Am I doing something wrong? or the beta Color Variables are not working as expected maybe sometimes? Please have your say if you sort out what I’m doing wrong in this.

Thanks in advance

Best answer by Hana_Vo

ToggleButton_Figma

I hope this’s helpful. Mine runs smoothly.

View original
This topic has been closed for comments

5 replies

Hana_Vo
  • Hana_Vo
  • 2 replies
  • July 6, 2023

The way I fixed it is I moved the “Set variable” section on top of the “Change to” section, and it worked.

Avokadomos
A
2 people like this
  • Avokadomos
    Avokadomos
  • A
    Abu_Bakar
Avokadomos
  • Avokadomos
  • Active Member
  • 377 replies
  • July 7, 2023

Thanks for this enlightenment. I’ve been struggling with this seemingly inconsistent behavior too. It does seem that the execution stops when the instance is changed. I will report this as a bug as it shouldn’t be correct behavior.

Avokadomos
  • Avokadomos
  • Active Member
  • 377 replies
  • July 7, 2023

Still seems very inconsistent for me. I’ve tried to recreate the issue now, but can’t. Can’t figure out what makes this one different:

Figma – 7 Jul 23
Hana_Vo
  • Hana_Vo
  • 2 replies
  • Answer
  • July 7, 2023

ToggleButton_Figma

I hope this’s helpful. Mine runs smoothly.

A
1 person likes this
  • A
    Abu_Bakar
A
  • Abu_Bakar
  • Author
  • 1 reply
  • July 12, 2023

Woah! It works. Thank you so much! @Hana_Vo

Hana_Vo
1 person likes this
  • Hana_Vo
    Hana_Vo
Terms & ConditionsCookie settings

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