Skip to main content
Isaac_Fagerli
September 19, 2023
Question

Variable modes is completely unusable

It simply does not work as it is supposed to.

Figma loses track of which variable is the “latest” version across multiple files, Especially if you have your colors separated from your components in some way. And when that happens doesn’t allow you to switch modes, it is simply greyed out.

If there is a single variable in a page/section/frame/group/layer that isn’t the “latest”, Figma refuses to let you switch modes. There is no indication of which variable is outdated, you simply have to re-apply every variable manually. Hidden layers (like in booleans) also cause the issue, so you have to dig hard in the layers panel to find it in case there’s an old layer that someone hid at some point. This can be extremely frustrating and time consuming, and it is faster to simply switch out the colors manually.

Sometimes modes also appear to not work for no apparent reason. Here I have a sketch where “dark mode” works, but if I copy and paste the file into the source file of the variables themselves, it no longer wants to switch modes. There is no apparent reason as to why:

    This topic has been closed for replies.

    11 replies

    Avery_Bui
    December 30, 2023

    hi guys, i have run into this issue the last few days and I’m glad to find that i was not the only one so i want to share this. MAYBE I FOUND THE REASON WHY THIS ISSUE WAS CAUSED IN THE FIRST PLACE
    i uploaded the video of my screen from where i switched the theme light to dark and only some of the screens had the dark mode available (active) to click/select from. some screens that have dark mode are greyed out like everyone mentioned.

    the reason i found was some of the components i used on the screen were not updated/lost. for example, component A doesn’t exist in the component file anymore that’s why it doesn’t get to update with darkmode.