Sub-components (beta)

Activate the sub-component detection feature

As it’s a beta feature for now, you will need to activate it manually before importing a component from Storybook to Figma.

Activate the sub-component detection feature

How to use it

  1. Understand which components are the most atomic, and that might be used inside other components.

  2. When starting the import process, make sure you import these atomic components first.

  3. Once the atomic ones are placed on the canvas, when the other subsequent components are imported and placed on the canvas, the plugin will make the connection.

E.g: the icon component should be imported first, then the button in which it will link to the icon component.

Compatibility

Currently, sub-component detection only works with the technologies React and Web Components. If you need support for another framework just ask in our discord chat or send an email at hello@to.design.