Start your docs

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