Skip to main content
Blackwood
New Member
August 14, 2023

Allow developers to switch Page-level variables (e.g. Light/Dark mode)

  • August 14, 2023
  • 45 replies
  • 5079 views

We have a design system set up with tokens (variables) to enable all components to switch between light and dark mode.

For developers/viewers to see what a screen should look like in Dark mode, we have to duplicate that screen. But as an editor I can set the colour mode variable at the Page level to Dark and all screens on the canvas/page turn to dark mode.

If developers/viewers could also do this, I could delete the dark mode duplicates of every screen and only have one copy of each screen, defaulted to light mode, and then just toggle dark mode as needed.

This would be much more efficient on memory usage and maintenance.

45 replies

Syamantak Thakur
New Member
May 19, 2025

Yes, allowing Devs and viewers to switch the modes is a must have and will save a lot of time.

Eric Essoyan
New Member
May 27, 2025

Really need this feature! 

Adam_Stepanek1
New Member
June 26, 2025

We really need this feature too. I refuse to duplicate all screens just because of dark mode but it’s awkward that our devs must have Full seat just because of this feature.

Victor Loux
August 20, 2025

This is now possible per screen in the focus view of Dev Mode - you can now override modes at the top:

So it’s something, but it only works screen by screen, and you have to find it / know that focus view even exists. I’d much rather we had this option at the page level to quickly preview all screens in dark mode.

Adam_Stepanek1
New Member
August 21, 2025

​@Victor Loux I spent 20 minutes looking for this feature and then I read at the top of the page https://help.figma.com/hc/en-us/articles/23919923330455-Dev-Mode-focus-view that it’s available only for Organization and Enterprise plans. So that’s not really an option either because we’re on Professional.

Victor Loux
August 21, 2025

it’s available only for Organization and Enterprise plans. So that’s not really an option either because we’re on Professional.

 

Wow, that’s crazy, I did not realise that. I don’t get why it’s restricted -- not making this available to developers half-defeats the purpose of having modes, if it means we still have to maintain dark mode copies of every screen for their reference.

Mike_Cordeiro1
New Member
September 8, 2025

Commenting a +1 as it’s permitted in this forum. Burying in focus mode is crazy!

Kogulan
New Member
November 21, 2025

Absolute insanity how this is still not available

megans
New Member
November 24, 2025

We desperately need this feature because most of our development, QA, and product management team are view-only on our design files and do not have the developer license. To preview differences in variable modes - which I’m using extensively as design tokens now - it’s not possible for them and really limits the usefulness of the variables. I can duplicate everything over and over and apply the modes individually to my duplicates… or, the ability for a viewer to change variable modes would save a considerable amount of time, effort, and busywork. I’m frankly very surprised this is not already implemented in Figma. Seems like a no-brainer to me.

Peter H
New Member
November 27, 2025

This is a feature we also need urgently for the Professional Plan.