Hi everyone, I’m running into a strange issue with Figma Variables and component instances, and I’d really appreciate some help understanding whether this is expected behavior or a bug.
I have a component called Title with a text property that is connected to a Boolean variable called uppercase. The variable controls whether the text is displayed in uppercase or normal case. I then publish this component as part of a design system.
The problem happens when I update the variable/mode in the design system and republish it.
For example:
- I create a
Titlecomponent and connect itsuppercaseproperty to a variable. - I use this component in another design and customize the text values for each instance.
- I update the variable mode in the design system, for example from
uppercase = truetouppercase = false, and publish the update. - After updating the library, the customized text values in existing instances are reset back to the default
Titletext. - This happens even if I change the font or make other content changes. The instance loses the text values I previously defined.
Interestingly, if I stay in the same file and switch the component directly between the two modes, everything works correctly. The issue seems to happen specifically when the component is published, updated, and then consumed in another file, or when I copy the component/instance into another file.
So I’m wondering:
Is this expected behavior with Variables + component properties, or is this a bug?
The main concern is that we have many existing instances with custom text content. If every library update causes those values to reset, we would have to manually re-enter a large amount of content every time the design system changes.
Has anyone experienced something similar or knows how to prevent the instance content from resetting when updating the published component/library?
I’ve attached a screenshot showing the component setup and the uppercase variable configuration.