Change variable mode in Dev Mode

[Marko9]

Hi,

It would be great to change variable mode in “Dev Mode” as I can change it in “Design Mode” under “Layer” option.

[Eric_Quezado]

I agree. So we our designs we don’t need to add Light and Dark mode screens/components for devs. They just switch modes.
I saw it during the keynote presentation. Should we expect it in the product soon, @Figma_Support ?

[Danny1]

Definitely a needed addition.

[Sabri_Hakuli]

Any solution yet?

[Blackwood]

I also requested this here: Allow developers to switch Page-level variables (e.g. Light/Dark mode)

So please add the votes together for this. Total of 17 at time of writing this comment.

There are many other related requests that would help developers work with colour tokens, even if they can’t switch them in dev mode, e.g.

Node editor view for variable aliases

I’m noticing to make much of anything with variables, I’m creating a lot of collections that use mostly aliases. After selecting the alias source I mostly have to keep these connections in my head. It would be nice to open up all these connections in a node editor view to either make updates or check for mistakes.

Show variable values in variables panel

When you go to use a variable in the design panel, you are able to see both the variable name and its value in the current mode. As a design system manager, I also want to see the value of aliased variables in the variables interface — both when selecting the aliased variable and once the alias has already been assigned.

This is probably the simplest to achieve, and would be a gigantic help. I encourage all to vote for it:

Include color variable alias in dev mode side panel

Hi. I have set up all my color variables in my design system “App_Usage_Collection.” But my devs use storybook and they call the colors by their primitive names, so I set up another collection of color variables called _Storybook. I alias the Storybook Primitives in the App_Color_Usage collection. BUT in dev mode I only see the app_color_usage collection variable name, not the alias. Can we also please see the alias listed? Thanks! [Alias in dev mode side panel please]