interplayapp Documentation
Documentation
  • 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

All Categories
Figma Plugin

Use Interplay in Figma

Overview

Get familiar with the Figma plugin

Install plugin

Install and launching the Interplay plugin

Choose a design system

Set which design system to use for a Figma file

Features

Design Tokens

Use tokens to style Figma components, shapes and text

Code Components

Enhance your designs with code components

Live Preview

Run your design as a code-based prototype

Code View

View and edit the JSX of code components in your design

Versions

Receive and apply new versions of your Design System

Specs

Share your designs with the rest of the delivery team

Keyboard Navigation

Keyboard shortcuts in the plugin