Documenting components

Document your components in Interplay

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 Importing from your repo

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

Component examples

Interplay automatically creates a page on the Components tab containing the metadata and examples for each component.

You can also build up your own documentation pages by inserting component examples.

To do this:

  • Type a forward slash ‘/’ and choose the Component example content block
  • Select the component example you want to embed
Notion image
Did this answer your question?