Excluding nested components from imports and code snippet

[ikochetov-mdsol]

• Code Connect CLI version 1.3.0
• Operating system macOS 14.6.1

I have a question about how CodeConnect handles the import of nested components.

I’ve noticed two different behaviors:
1. First case – I have a checkbox component that includes a CodeConnected icon inside it. The entire checkbox component is also CodeConnected, but the icon does not appear in the generated code snippet.

2. Second case – I have a card component that includes the checkbox for its selected state. However, in this case, CodeConnect does include the checkbox in both the imports and the code snippet.

How can I prevent the checkbox from appearing in the imports and code snippet for the second case?
I know I can detach the checkbox component, and it will fix the issue, but I would like to keep the original checkbox component.

Thank you!

[tomduncalf-figma]

Hey @ikochetov-mdsol, could you share the Code Connect files for these two components, removing the file URLs? If you'd prefer not to share them publicly, you can contact Figma Support, mentioning this issue, and you can share any content with them in private.

[ikochetov-mdsol]

Sorry for the confusion. I've found an issue with the CodeConnect code. In the card component, I was looking for all the children using figma.children (*), that's why it shows me all the component which are part of the Card.
Is there a way to exclude specific components to be imported?

[karlpetersson]

It's currently not possible to exclude specific children that are connected, so you would have to instead include the ones you want (using layer names rather than '*') - would that work in this case for you?