Skip to main content
Question

Bug when using Variable Modes in Prototypes


S_e_b_a_s_t_i_a_n

Hey, i played around with the new variables feature. When I use variable modes (I created a Light & Dark mode) and use an animated component like the Button component in my example, it starts flickering on hover (only for dark mode, light mode is default).
To me it looks like, the component tries to get the default mode color first, then renders the dark mode color.

Design: https://www.figma.com/file/tAZmIsYLTdm97XlJUE67Kk/Tokens-Flicker-Bug?type=design&node-id=59985%3A54547&mode=design&t=q1yv6dBZIgWiVyXG-1

Prototype: https://www.figma.com/proto/tAZmIsYLTdm97XlJUE67Kk/Tokens-Flicker-Bug?page-id=59985%3A54547&type=design&node-id=59985-54548&viewport=-470%2C181%2C0.32&t=CW125CAj204AVmpQ-1&scaling=min-zoom&starting-point-node-id=59985%3A54548&mode=design

This topic has been closed for comments

4 replies

Nelson_Vasconcelos2

This is also happening to me. The text from the elements of my prototype are associated to variables with modes, and they are messing up on all elements with hover (e.g. buttons).


Ryan_52
Figmate
  • Technical Quality Specialist
  • 382 replies
  • June 29, 2023

Hi, thank you for reporting this to us! Our engineering team is actively investigating the issue to determine its root cause and working towards a solution.


S_e_b_a_s_t_i_a_n

Cool, thank you Ryan.


  • 0 replies
  • July 30, 2023

This topic was automatically closed 30 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