Skip to main content

Can you reset a # variable for each instance of an interactive component?


I have a “quick add” feature much like the “+” button you’d see next to each (food) menu item on DoorDash, Grubhub, or Seamless.


I’ve begun leveraging the variable feature to increment the qty number up/down if a user hits “+” or “-”. However, the component is being used in several instances for several menu items and they are all referencing the same QTY variable I created. That means when I hit “+” x3 next to one item, it also updates all other items to “3”.


I don’t want to detach each instance because I want one master component. Any way to make each instance reset that variable figure?

Hey @Mike_Rembach,


It’s not possible to reset a variable on all your instances at once without updating it on your main component. You would have the possibility to select all your instances on a same page after selecting one instance and using the Quick action “Select all with same instance” but this would only allow you to bulk update your instances (detach a variable) but not resetting them.


Screenshot 2023-07-05 at 14.48.30


I recommend you reach out to our Support team (support@figma.com) directly so they can take a look at your main component and instances directly to better assist you with this 🙂

You can use modes in variables and assign different modes for each different product. There’s a great tutorial by Figma here: https://help.figma.com/hc/en-us/articles/15253268379799-Variable-modes-in-prototypes#Use_mode_values_in_expressions

Reply


Terms & ConditionsCookie settings