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

Supported components

Code frameworks currently supported by Interplay

Last updated on August 26, 2022

React components

Interplay currently supports:

React code components

Web components providing React wrappers e.g. Stencil and LitElement

Most component libraries can be imported without needing to modify your components or to wrap each one in proprietary code.

You will need to provide an index of your components and any custom build settings required.

Did this answer your question?

😞

😐

🤩

Token file formats Import Components