Document components

Importing components

Importing your design system code components into Interplay allows you to work with them directly in Figma designs and automatically translate Figma design layers into your components.

Interplay can keep your components up to date automatically from your code repo. For more details on how this works, please see Import code components

When importing components you can automatically parse their props and import examples of their usage in JSX.

Component examples

You can embed code components you have imported in your documentation pages.

To do this:

• Create a Tab for your components as described in Tabs, Sections and Pages

• Type a forward slash ‘/’ and choose the Component example content block

• Select the component example you want to embed