Skip to main content
Question

Changing instance via variable resets text (and other properties) when inside component


Tascha

So, in principle, if an instance is inside of another component, changing the variant causes the text to reset back to the text of the master component.
This also happens with other properties of the instance, e.g. if you set some booleans up they will be reset to how they were set in the master component once the variant is changed via variable.

Here’s a screenshot of what I mean:

and here’s the link to the file to mess around with.

(So, this issue might be similar (or even basically the same) as discussed here: Change to on instance not keeping text change but frankly I haven’t had the patience to look into OPs setup πŸ˜… I tried to break the issue down to the most bare-bones that I could in the file I provided (also to see if the issue has anything to do with my components or just is a bug)

If anyone has found a workaround do let me know πŸ™ (and yes, I do need the instance within another instance; it’s a button inside a form layout that I want to reuse (and many other such cases).

14 replies

Marino_Panariello1

Same problem here, someone know a workaround? thank you


Aris_Aurellano

Also running into this issue. I feel like we wouldn’t have to do this if there was a click away / on blur feature for prototypes.


Tanna_Teixeira

The exact same issue is happening for me. I have scoured forums, and the bugs list to see if I am doing anything wrong. I have also attempted to contact Figma multiple times which has fallen on deaf ears.

I am also using nested component instances and when I change the String and Boolean variables in that instance, the changes not only don’t appear in my prototype. They also eventually disappear from my file all together. I have tried the suggestion to check the β€œReset component state” box which hasn’t helped at all.

If anyone has found a work around to this issue please let me know! I’m getting desperate as I have to present my prototype soon and I can’t keep having to go back and redo all of my work!

Thanks so much!


Nisha_Huston

I had the same issue, worked around weeks, and for me, the problem was solved by simply NOT HAVING the text property in the component, and if I needed to edit the text in the instance simply command-click on the text layer to edit it, that way it didn’t reset and all worked just fine


Johannes_Eckert

We have the same issue in our design system and it’s causing a lot of annoying frustration.

We narrowed this issue down when a string property is changed with a variable (like iOS and Android). Which I think what OP is seeing here, too. The component resets to it’s defaults when the property is switched with a variable mode, see here:

Screenshot 2024-11-14 at 15.57.01

But when we switch the mode manually, we see everything working as expected

Screenshot 2024-11-14 at 15.57.34

We have had this issue for a couple of months now. There does not seem to be a workaround.


andraspii
  • New Participant
  • 6 replies
  • December 15, 2024

Same here. If I change the variant manually it keeps the texts, but if it changes based on the variable, all texts reset to the value of the default component.

Dear Figma! Please fix this issue ASAP.


Dominic_Cartlidge

I’ve been having this issue for months and am honestly astounded this bug exists, in what appears to be a pretty core functionality. This really needs to be fixed.


Saraha
  • New Member
  • 4 replies
  • January 28, 2025
Johannes_Eckert wrote:

(...)

But when we switch the mode manually, we see everything working as expected

Screenshot 2024-11-14 at 15.57.34

We have had this issue for a couple of months now. There does not seem to be a workaround.


This is what drives me absolutely insane! It looks like it’s working in the file but once you start the prototype, it just isn’t 🀯πŸ₯²

My only workaround so far has been to either detach the instance from the parent or to get rid of the text property, both of which are quite inconvenient.


martiankid
  • New Participant
  • 5 replies
  • February 16, 2025

Dear Figma team, please fix this issue, as this is a core functionality for building/utilizing a flexible componens in DS. This bug renders the whole concept of assigning variable to the component variant useless, as you’d expect the overrides to stay during the change  πŸ™πŸ»πŸ™πŸ»πŸ™πŸ»


Stephen3462
  • New Member
  • 4 replies
  • February 24, 2025

Please please please fix this. Absolute killer for making interactive prototypes like booking flows.


Kyle_Johnson
  • New Participant
  • 5 replies
  • March 13, 2025

Bumping this as I am having the same issue and its very frustrating.


Eugene Ruddy

+1, please tackle this Figma!


Olena Skaist

I completely agree! This is a crucial functionality for maintaining flexibility in a design system. The current behavior makes assigning variables to component variants ineffective, as the overrides should persist when changes occur. Hope this gets fixed soon! 


Halyna Hlynska
martiankid wrote:

Dear Figma team, please fix this issue, as this is a core functionality for building/utilizing a flexible componens in DS. This bug renders the whole concept of assigning variable to the component variant useless, as you’d expect the overrides to stay during the change  πŸ™πŸ»πŸ™πŸ»πŸ™πŸ»

I totally support this! It’s an important part of building flexible components in DS, and having it work as expected would be a huge improvement. Hope to see this fixed soon! πŸ™Œ


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