Interplay Help

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
- Design Tokens
  - Create design tokens
  - Apply design tokens
  - Token values and types
  - Themes
  - Token file formats
- Code Components
  - Supported components
  - Import Components
  - Organise Components
  - Properties
  - Presets
  - 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
  - Generate presets
  - 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
Documentation
- Integrations
  - Embed Interplay
Workspace Setup
- User Accounts
  - Account settings
- Workspaces
  - Create a workspace
  - Invite members
  - Roles and security
  - Billing
More

Overview

Welcome

Automate design to code, using your design system

FAQs

Frequently asked questions

Help and feedback

Get help or give feedback about Interplay

Workflows

For Design Systems

Manage and automate Design System Operations

For Designers

Enhance and iterate your designs with tokens and code components

For Engineers

Precise design handoff and automated translations to your custom JSX code

Getting Started

Quick start guide

Suggested steps for getting started with Interplay