Skip to main content
July 3, 2023
Solved

Figma Color variable not working as expected

  • July 3, 2023
  • 5 replies
  • 1959 views

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

This topic has been closed for replies.
Best answer by Hana_Vo


I hope this’s helpful. Mine runs smoothly.

5 replies

Hana_Vo
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
Active Member
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
Active Member
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_VoAnswer
July 7, 2023


I hope this’s helpful. Mine runs smoothly.

Abu_BakarAuthor
July 12, 2023

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