I have a file that contains main components, and in that same file I’m using children of these components as nested components (e.g. component 1 = button, component 2 = card containing button). I created a branch via the branching feature of Figma. However, in this branch, child components and main components lose connection. I change the button, but changes are not visible on the button in the card. The child component still refers to the main component in the main file. Is this supposed to be like that? How am I supposed to test changes to components like this? Right now I would have to make the changes to the button in the main file instead of the branch, which is exactly what I want to prevent by branching. Am I missing something here?
Main components and child components in branches
Hi ​
Â
I'm trying to make sure I've got this right: you're saying that within a branch, you have a main component and its instance, but the instance is somehow connected to the main component that exists in the main file?
If that's the case, I actually just tested it on my end, and the instance and component connection stayed intact right there in the branch file for me.
Could you possibly try "Repair component connections" from the "Actions" menu in the toolbar in the branch file to see if that fixes the connection?
Â
Thanks,
Hi ​
Yes, you’ve got it absolutely right. Anyways, today I created a new branch again to recreate the problem and suddenly, it seems to work fine. All components are now part of the branch. I’m not sure what solved it. It’s possible that the first time that I made a branch, the components from the original file weren’t properly updated yet (I had moved them around between files before).Â
The “repair component connections” feature is new to me! Thanks for showing me. It might come helpful in the future.
Have a good day!
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.