Bug when using Variable Modes in Prototypes

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

3 Likes

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

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.

1 Like

Cool, thank you Ryan.

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