Start Here
- Overview
  - Welcome
  - FAQs
  - Help and feedback
- Workflows
  - For Design Systems
  - For Designers
  - For Engineers
- Getting Started
  - Quick start guide
Design Systems
- Overview
  - Create a Design System
  - Versions
  - Settings
  - Permissions
- Creating Documentation
  - Starting your docs
  - Tabs, Sections and Pages
  - Formatting text
  - Documenting tokens
  - Documenting components
  - Embedding Figma
  - Embedding Storybook
  - Integrations
- Design Tokens
  - Create design tokens
  - Apply design tokens
  - Token values and types
  - Mapping to Figma
  - Themes
  - Exporting design tokens
  - Token file formats
- Code Components
  - Supported components
  - Import Components
  - Organise Components
  - Properties
  - Examples
  - Component Settings
- Import from your repo
  - Overview
  - Prepare to import
  - Import Design Tokens
  - Import Code components
  - Example Import Settings
  - Updates and CI
- Advanced configuration
  - Custom builds
  - Control parsing
  - Parse examples
  - Modify output config
  - Pass tokens to components
  - Includes and Font mappings
  - Upgrade CLI version
Figma Plugin
- Use Interplay in Figma
  - Overview
  - Install plugin
  - Choose a design system
- Features
  - Design Tokens
  - Code Components
  - Live Preview
  - Code View
  - Versions
  - Specs
  - Keyboard Navigation
Handoff Specs
- Share Designs
  - Create a Spec
  - Publish changes
- Inspect Designs
  - Open a Spec
  - Inspect
Workspace Setup
- User Accounts
  - Account settings
- Workspaces
  - Create a workspace
  - Invite members
  - Roles and security
  - Billing
More

Welcome

Automate design to code, using your design system

Last updated on September 3, 2022

Welcome to Interplay! 🎉

Interplay is a platform that uses design systems to streamline workflows for digital product teams.

It combines the following tooling into a single workspace:

Design system management, including design tokens and code components that sync with your code repo

Design system documentation for your code components, design components, tokens and free-form content

A code-aware handoff tool for sharing and inspecting design specs

A plugin to use design tokens and code components in Figma and share design specs in Interplay

Interplay combines these to streamline workflows:

For design system teams

For designers

For engineers

Did this answer your question?

😞

😐

🤩

FAQs