Document your components in Interplay
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.
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
Did this answer your question?