Import from Figma guide

You can create Design Tokens in Tokens Studio by importing your Styles or Variables from Figma into the Plugin. This allows Tokens Studio to be the single place to manage Tokens, Styles, and Variables in Figma.

Each time you Import from Figma, you choose:

• To import Variables or Variables.

• Which Types of Variables or Styles to import at that time.

Variable Types as Token Types

When importing variables:

• Color Variables - creates Color Tokens.

• Boolean Variables - creates Boolean Tokens.

• String/Text Variables - creates Text Tokens.

• Number Variables - created Number or Dimension Tokens.

When you import variables from Figma, you may wish to manually adjust the Token Type.

→ Jump to the guide on Variable Types and Token Types

Style Types as Token Types

When importing styles:

• Color Styles - creates Color Tokens.

• Text Styles - creates Typography Composite Tokens and optional Text Property Tokens.

• Shadows - creates Box Shadow Tokens from Effects Styles.

While the process for importing Styles or Variables is similar, there are some differences to be aware of, described in detail in their guides:

Import Styles from Figma

Import Variables from Figma