Figma Support Forum

Don't adjust the text between variants

My example here was for a set of tabs. I set the first variant as the inactive tab state and naturally set the text of that component to “Inactive Tab” when I created two other variants I labelled them “Active” and "Hover in the component text. Seems good so far. I set up the appropriate variable interactions… Good to go? Nope. When you add them and change the text for your use case the hover and active text revert to the text from the variant and not what you set as the text in the use case.

The work around for this it to keep the text in the variants exactly the same between each. That way when you use an instance and change it’s text to whatever you need, it will respect that override for all the variants that you use. ie the hover text will also use the overridden text.

2 Likes