Figma is the first collaborative UI design tool built in the browser. Join our growing community and kick off a conversation!
J A S O N@jscottpearson
BUG: Sometimes nested components detach in a component instance.July 23, 2018 at 8:07am
I have a few screens that I have made into components, which have nested components(nav elements, buttons etc) in them. When I instantiate these screen components some of them behave as expected (ie: all the nested components stay attached to their master) but for about 30% of them the instance detaches all of the nested components, kinda rendering the whole component useless.
The strange part is it is always the same screen components that do this, even if I detach and recreate the component. Which makes me think their might be something inherent to these particular frames that cause this. I just can't see any differences between those components, and the ones that function as expected.
July 23, 2018 at 8:20am
UPDATE: Manage to work around this. I tracked down the particular nested component that was common to all those screens. Then I removed it from the component, updated it and synced the changes to the instance, then re-add it to the component, update and sync again. Now all the instances are relinked.
July 24, 2018 at 9:32am
Well, I noticed that (while copy/pasting) only swapped instances detach. Maybe dragging components that already have swapped instances in them is basically the same thing.
For example, if I drag two instances of "input" component and then swap one instance here https://imgur.com/IC00AAF and then duplicate the frame the original instance will remain attached and "swapped" will be just a frame.
I think if you have components that rely on the instances of other components that have been swapped that may be the case. Although I don't understand why it happens.
July 24, 2018 at 6:00pm
This is a major problem for my team. We're constantly copying and pasting components with overrides across files. They detach and designers don't notice, resulting in a big mess that's difficult to recover from.
Can someone at Figma explain whether this is a bug? Is there a known workaround? Are we "doing it wrong"?
February 4, 2019 at 8:45pm
Having a particularly frustrating day with it.
I did find a POSSIBLE hack that prevents this.
If you group the offending sub-components. They import correctly.
Thanks for the workaround ! I still think this bug should be fixed as it impacts our design system.
February 5, 2019 at 9:26am
February 5, 2019 at 7:43pm
Switch/On and Switch/Off just don't show up.
February 6, 2019 at 5:31am
February 6, 2019 at 1:38pm
February 8, 2019 at 2:45pm
February 11, 2019 at 11:27pm
Same problem here. Been struggling with this for a few of weeks. Another even more concerning bug is that for no apparent reason elements in the component instances suddenly display incorrectly, with #000000 color, often the background in #00FF00. Sometimes if I nudge the problematic elements 1px and back in the component source, then export, it displays correctly. But just as often this doesn't work. What's really worrying is that the bug doesn't seem to be reproducible, problem just appears out of nowhere. Figma, please please fix this, it's destroying our workflow.