Skip to main content

Dynamically change modes through prototyping interactions


Show first post

48 replies

Christian_Takagi

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
  • New Participant
  • 18 replies
  • 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

+1 This would be great


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
  • 1 reply
  • March 18, 2024

+1 to this!


Rein_Krijgsman

I thought Figma was broken/buggy, turns out it’s just a feature that’s missing entirely. There’s no workaround for this? It would be AMAZING if this feature gets enabled.


Ali25
  • 1 reply
  • March 22, 2024

Why is it not possible to switch between the modes in the prototype interaction options?


Jeroen_Breevoort

+1 would be really helpful to have this!


Ilja1
  • 1 reply
  • March 22, 2024

Yeees +1 to this!


Jackson3
  • 2 replies
  • March 27, 2024

Was building out a filters menu prototype where both the number of tagged items for each filter, as well as the visibility of the filter-option itself visually updates as you select more tags, and thought I gotten around the issue of only being able to set variables one by one… much to my dismay I find that modes aren’t a usable property in prototype mode 😦

Would love to see this resolved as it would make mass variable setting super quick and tidy.


+1 Sooo much needed. Switching modes and better prototyping features would be much appreciated. The best way to make the prototypes simple and maintainable is to add better options to do logic with better access to variables. I appreciate that some has been added but it is frustrating that the implementation is so limited.


+1 Would be much appreciated!


Markus3
  • 1 reply
  • April 18, 2024

same here, strange that this does not work. all the preparation for a mode switcher and then i have to read here that this feature is not implemented. that is sooo sad


Dave_Curtis

Add the ability to switch variable modes using interactions.

An example is to the ability to toggle light/dark mode by clicking a preference in the prototype.

Another would be to create one brand as a prototype, and provide a way to switch between different brands or skins to be demoed without having to duplicate the entire prototype.


Fabilatius

+1 Very much needed.


  • 1 Too much need!

Michael_Klein

+1 That would be very useful.


Lucas_Orellanos

Yess. Finally we have this feature!! Long waited for it.
Thank you to everyone who contributed in this topic and the Figma team for always listen to the community.


Universalnick

@Josh This topic can be marked as “Launched”


PJ_Stekhoven-Smith

+1 on this feature, a no-brainer with variables.


Alexandra_Radoulova

hello!
changing dynamicly modes through interactions hasnt worked for me. it has huge potential and i am eager to use it.

however, i set change of mode on a tap trigger, i have set the mode variables, i have assigned the modes to the frames or ellements, and no mode changes.


Ben_Ho
  • Active Member
  • 25 replies
  • January 27, 2025

I guess you can set this, but it gives you error

 


Kai3Cloud
  • New Member
  • 1 reply
  • February 17, 2025

Is there a way to set the entire document’s mode via a toggle interaction, or is it just per component? IE: Only the current object can be the target of the mode change?


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings