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.

3. Start adding content!
To create content, click the placeholder and start typing:

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

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

…or you can embed content from Storybook and Figma:

4. Organise content with Sections and Pages
On the left hand side of your tab you can organise your content into Sections and Page
