Skip to main content
ashygee
March 25, 2021

Preserve overrides in instances swapped inside component

  • March 25, 2021
  • 30 replies
  • 7393 views

Hi folks! I’ve seen the posts regarding text overrides with nested interactive components but I’m seeing a similar issue with non-interactive components as well.

In the example below, I’ve set my text layers to all use the same layer name and have the same hierarchy structure but if I swap one of the nested components it resets everything. Everything works perfectly if each atom component is used individually and not nested in another component though so I’m left 🤔. Any thoughts?

30 replies

Daniel_Cole
February 10, 2022

I’m having this issue as well trying to build out an accordion with interactive components. All my naming in the list overrides go away when the interactive component toggles states. Too bad kinda of a deal breaker for interactive components for me for most use cases.

Slava_Bronevitskiy
Active Member
May 27, 2022

Having this issue even with layer names being 100% the same.

impactby.design?ref=nI
p.o-donovan
New Participant
March 10, 2023

Amazing trick!!! I wonder does this work in other contexts, not just text…

Joseph_Astorga
March 10, 2023

I’m glad u like it!
Might work 🙂 I only tested this with text elements. This is currently my go to setup for labels or other text layers in components that i want to keep between different variations. Like keeping the label name while switching between a radiobutton component, text input or checkbox component, as long as you use the same layer name the override follows.

Joseph_Astorga
March 10, 2023

I got curious and tested it. I noticed that this even works for like a rectangle with an image. The overrides follows if the same principle of naming layers identical between components is applied 🙂

Joseph_Astorga
March 10, 2023

Ian_Gatt
March 30, 2023

I am experiencing this same issue atm… I would love it if there was a better way how to control/prevent text overrides

Linda_Kuang
New Member
August 5, 2023

Hello Figma community - has there been a fix for this issue? I’m running into this problem and it overrides all my text and it’s driving me crazyy!

August 14, 2023

We are having a similar issue.
Here are the steps to reproduce this ( please see photos )

  • base component with 2 variants, a text property for the label is defined

  • parent 1 has an instance of base component

  • parent 2 has 2 instances of parent 1

  • change the text of the 2 instances in parent 2

  • change the variant of one of the instances in parent 2, the text override is maintained.

  • change the variant of Parent 1

  • the text override in the Parent 2 instances is reset if you change the Parent 1 instance’s variant, but sometimes it does not.
    Mostly the instance’s text override value is preserverd, but sometimes the value of the text override is reset.
    It seems to affect the first child of Parent 2 but never the second in this case.

  • this is happening for instance swap components as well, the context is a row made up of cells which have variants that define their width. When changing the cell width, the text override on the component inside the cell is being reset.

August 14, 2023

I just wanted to mention also that, exposing properties from nested instanced in Parent 1 didn’t solve this issue.

This was not an issue when I created and started using these components which was about 10 months ago.
I was only made aware of the issue starting about a month or so ago.

We could change the Cell width variant that was nested inside a default table row and it would completely preserve the text override and / or component swap inside the Cell