Start your docs

Get started documenting your design system in Interplay

Overview

Interplay allows you to publish a single source of truth for your design system.

You can document React and Figma components side-by-side, manage design tokens and author content and guidelines to align your whole team.

 

Start documenting

1. Create a design system

If you haven’t already done so, sign up for an Interplay account at https://app.interplay.io and create your workspace. (Alternatively you may have been invited to an existing workspace.)

On the workspace dashboard, create a design system.

 

2. Click + to create a new content tab

In your design system, click the + in the top bar to create a new Tab, and give it a name.

Notion image
 

3. Start adding content!

To create content, click the placeholder and start typing:

Notion image
 

Type a forward slash ‘/’ to use different types of content blocks:

Notion image
 

Once you have added design tokens or components to Interplay, you can insert those into your content in the same way

Notion image
 

…or you can embed content from Storybook and Figma:

Notion image

4. Organise content with Sections and Pages

On the left hand side of your tab you can organise your content into Sections and Page

Notion image
 
Did this answer your question?
😞
😐
🤩