Skip to main content

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

  • August 14, 2023
  • 40 replies
  • 4018 views

Show first post

40 replies

Design_Team23

We need it ASAP to change between language mode!!! I have overcomplicated process, because this feature is missing.


Justyna Ptak
  • New Member
  • April 7, 2025

Still waiting for this feature to be implemented 


Stephen_Vasbinder

I find it bizarre resources are being spent on silly things like FigPals and not on smaller, time-saving, memory-conserving, file size-reducing features such as this. I effectively have to double everything from full page layouts to load times by duplicating all the page designs so the developer can get a color mode visual before implementation. Even just a full page-level variable mode switch, and not individual frames, would be immensely valuable. 🤷🏻‍♂️


samca18
  • New Member
  • April 15, 2025

This is a very necessary feature!


Yan Zaitsev
  • New Member
  • April 16, 2025
  • As a developer, I need to see the same view in multiple configuration. It would be great if I can click on some view and expand it to 2x+ copies with different configs: light/dark mode, small/bigger device (spacing/paddings). I want to explore the copies, but edit allowed to first origin view only.

Syamantak Thakur

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

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

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

@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

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

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.