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

Pablo_Romero_Jaren
November 11, 2024

This would be great for our devs but also Q&A

Jens_Brandt1
November 22, 2024

Should be a base functionality like moving existing variables in existing collections, but this also does not exist. I wonder every time, why such base functionalities are not available 😦

Matthew_Scheuerman
New Member
December 3, 2024

Currently seeing the use for this in my current gig.
I need to give developers access to 3 different page-level variables with 3 options each, for one screen instead of sharing 9 different screens/exports.

Petru Strimbeanu
New Member
February 14, 2025

Need this ASAP! 

Wolfram Stacklies
New Member
March 20, 2025

This is definitely a “must-have”!

Design_Team23
New Member
March 20, 2025

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
New Member
April 10, 2025

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.