It would be great to facilitate the communication of the top-level component(s) being used in a Figma frame so that the developer isn't diving into the subcomponents to grab the Code Connect snippet in Dev Mode, but instead is directed to the exact frames/components to copy. For example, in a dialog component with a close and action buttons built in, you would want to promote the dev to grab the dialog component rather than the individual buttons.
Considerations:
A solution similar to locking subcomponent layers so that they aren't even selectable is one approach to achieve this that I've leveraged in design mode but it would be helpful to include an explicit description for the rationale
Highlighting the top-level components that have been previously documented using Code Connect could be super cool
Note: This is partially a higher-level Dev Mode request—as it is an issue I've seen without Code Connect—but is exacerbated by Code Connect and other code-gen tools.
It would be great to facilitate the communication of the top-level component(s) being used in a Figma frame so that the developer isn't diving into the subcomponents to grab the Code Connect snippet in Dev Mode, but instead is directed to the exact frames/components to copy. For example, in a dialog component with a close and action buttons built in, you would want to promote the dev to grab the dialog component rather than the individual buttons.
Considerations:
Note: This is partially a higher-level Dev Mode request—as it is an issue I've seen without Code Connect—but is exacerbated by Code Connect and other code-gen tools.