Skip to main content
Solved

Interacting with an instance of a compnent is change the state for all other instances?


Matt_Kirk

Hey all, I am teaching myself Figma for the first time on a small personal project.
I am sure I have made a simple mistake, but I cannot seem to figure it out.

I have a small triva game, and in it I made a simple component to hide a hint on any given question. It shifts to a “hidden” state when clicked. It can’t shift back as there is no reason to rehide the hint.

The issue is, when I open the next question - the hint instance in that overaly frame is already in the “hidden” state.)

This doesn’t seem to be the intent of the way components work - any idea where I went wrong.

Here is the file for reference https://www.figma.com/file/dbOvIhLn97b2MfTP2yVl3Z/Kristin-Bachelorette?type=design&node-id=1%3A5&mode=design&t=W1kTan5Ha16vzJIG-1

Best answer by Raphael_M

Hi, Matt.

After checking your file. It seems that Figma is overriding the instances. What you need to do is to change the name of your instances so Figma won’t override it or if you wan’t you can try using variables : https://help.figma.com/hc/en-us/articles/14506587589399-Use-variables-in-prototypes

Edit: when I said change the name, i literally mean change the name like this
image

View original
This topic has been closed for comments

2 replies

Raphael_M
  • Power Member
  • 359 replies
  • Answer
  • May 6, 2024

Hi, Matt.

After checking your file. It seems that Figma is overriding the instances. What you need to do is to change the name of your instances so Figma won’t override it or if you wan’t you can try using variables : https://help.figma.com/hc/en-us/articles/14506587589399-Use-variables-in-prototypes

Edit: when I said change the name, i literally mean change the name like this
image


Matt_Kirk
  • Author
  • 1 reply
  • May 6, 2024

Ah! I see.
Thanks so much Raphael!

I was going to use variables, but my personal account is currently only a free account.
So I cannot use variables in prototypes at this time.


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