Manage Styles in Figma with Tokens Studio

If your team is working with Styles in Figma, you can use the Tokens Studio Plugin to attach Design Tokens to Styles (and Variables). This allows you to manage your Tokens and Styles in the same place, and easily sync your design decisions to a code repository.

Style Types as Token Types

You can select a Token Type below to learn more about it.

Guides on working with Styles

Select a card below to jump to a comprehensive guide on working with Styles, or scroll down to see the answers to frequently asked questions ↓.

Export to Figma Create Styles from Tokens using the Plugin.

Create Styles with Variable References

Import from Figma Create Tokens from Styles

Frequently Asked Questions

Select a question to reveal the answer.

Manage Styles using Tokens Studio

Create Design Tokens in the Plugin from Styles