Skip to main content
Levano
June 26, 2023

Dynamically change modes through prototyping interactions

  • June 26, 2023
  • 48 replies
  • 6900 views

Currently it’s not possible to dynamically set or assign mode variables to a frame or a document. This would be incredibly helpful when it comes to user settings, like change a theme or language, for example.

When prototyping, dynamically setting a mode variable like systemTheme or systemLanguage could then be done through user interactions like clicking a button, to simulate many real-life use cases.

48 replies

SpencerKelly
January 10, 2024

+1 This could be an incredibly powerful feature in reducing bloat in prototypes.

My example is a mobile keyboard that can update multiple input fields rather than having to have separate keyboards for each field.

kmh
New Member
January 18, 2024

Just to keep this thread alive and show how many people want this feature: I am currently building a set of screens to be used in either light mode or dark mode. I have a library with all the colours defined in variables. The library also has all the components I need, and they use those colour variables.

So far, so good. I create the pages in my project file with the library loaded, and I can use the colour variable setting on the page to switch between light and dark modes.

But there is one feature I cannot demonstrate in the prototype: switching between light and dark modes. Instead I need to quickly flip back to the workspace during demos and change the variable.

As it happens, adding themes is a major feature, and it’s awful not being able to demonstrate it.

Maciej_Ziolkowski
January 26, 2024

+1
This feature would make variables way more powerful.

AhmedA
New Participant
February 9, 2024

The benefits of instant mode switching would be amazing if it carried over to our prototypes too, very tedious to have to maintain duplicate screens for other modes right now

djv
Figmate
Community Support
February 12, 2024

Hey All, thanks for the feedback!

We’ll pass this onto our prototyping team for future consideration.

Christian_Takagi
February 15, 2024

I don’t need this feature only for it’s main functionality, but also because the prototype (Figma file) our company is using is huge, so it goes over 20GB of RAM pretty quickly.

If we could use Mode switch with Interactions, this would eliminate almost 20% of duplicated screens, and maybe some components variants.

Luciano
Active Member
February 29, 2024

Another +1 from me. I’m creating a lengthy prototype and I’d love to be able to demonstrate flipping between light - dark modes easily. I’ve used the Material Theme Builder plugin and it saved me a ton of time creating both color sets, it would be great to be able to show it off…

Gamble_Beardsley
March 4, 2024

+1 This would be great

March 7, 2024

yeah i don’t know why it’s not already implemented. not being able to trigger mode switch within the prototype - super weird!? seems like a no brainer to me, to be able to do it. please make this happen 🙏🏼

Dushica
March 18, 2024

+1 to this!