New

Figma Tokens is now Tokens Studio for Figma.

Unlock the power of
design tokens in Figma.

Unlock the power of
design tokens in Figma.

Save time, have more control, and effortlessly manage and switch between multiple themes. Control your design tokens from within Figma, all linked to one source of truth.

New

Figma Tokens is now Tokens Studio for Figma.

Unlock the power of
design tokens in Figma.

Save time, have more control, and effortlessly manage and switch between multiple themes. Control your design tokens from within Figma, all linked to one source of truth.

One source of truth for design and development.

Manage your brand at scale and bring efficient processes to your design and development teams - all while staying in full control over your data.

One source of truth for design and development.

Manage your brand at scale and bring efficient processes to your design and development teams - all while staying in full control over your data. We offer two-way sync with GitHub, GitLab, Azure DevOps and JSONBin.io

Design tokens in Figma.

Design tokens in Figma.

Apply, manage and sync design tokens from Figma to an external source of truth.

Comes with Pro

Advanced features

Our paid version will make your life even easier with advanced features built for teams that value time and efficiency. Store design tokens on a remote storage such as GitHub, and benefit from the same source of truth for design and development.

Connect tokens to Figma Styles and Variables

Use design tokens to manage your variables and styles, apply or swap these across themes using native features.

Advanced theming

Define multiple themes for light/dark mode or even scale to multiple brands and effortlessly export your themes using style dictionary.

Advanced theming

Define multiple themes for light/dark mode or even scale to multiple brands and effortlessly export your themes using style dictionary.

Multi-file sync

Sync to multiple .json files in your repository to keep a single source of truth, on GitHub, GitLab or Azure DevOps.

Multi-file sync

Easily change between branches or create new ones based on an existing branch.

Branch switching

Easily change between branches or create new ones based on an existing branch.

Want to learn more?

Watch in-depth videos to see what the plugin is all about.

Hands-on work sessions.

Hands-on

work sessions.

Hands-on work sessions are now available for booking! During a work session, we will work hands-on with you (and your team) on whatever problem you’re trying to solve.

Pricing

Free to use with a paid plan that comes with advanced features.

Great for starters

Free

Experience Tokens Studio for Figma in its Free version, with an extensive list of exciting features.

Design tokens in Figma

Alias Tokens

Sync

Smart math
Token remapping

Token annotation

+20 more

Great for starters

Free

Experience Tokens Studio for Figma in its Free version, with an extensive list of exciting features.

Design tokens in Figma

Alias Tokens

Sync

Smart math
Token remapping

Token annotation

+20 more

Great for starters

Free

Experience Tokens Studio for Figma in its Free version, with an extensive list of exciting features.

Design tokens in Figma

Alias Tokens

Sync

Smart math
Token remapping

Token annotation

+20 more

Pro

per user / month
(excl. VAT)

16 €

Save weeks of work by utilizing power user features built for teams and professionals.

Advanced Theming

Branch switching

Support for non-local styles

Multi-file sync

+All free features

Pro

per user / month
(excl. VAT)

16 €

Save weeks of work by utilizing power user features built for teams and professionals.

Advanced Theming

Branch switching

Support for non-local styles

Multi-file sync

+All free features

Pro

per user / month
(excl. VAT)

16 €

Save weeks of work by utilizing power user features built for teams and professionals.

Advanced Theming

Branch switching

Support for non-local styles

Multi-file sync

+All free features

Loved by teams that value efficiency.

Matt Wierzbicki

Founder at antforfigma.com

If you're a design systems designer who is tired of manually updating your designs every time you make a change, you need Tokens Studio for Figma in your life! This plugin has been a total game-changer for me, allowing me to create and manage reusable tokens for all sorts of design elements with ease. And the real-time updates? It's like magic! No more chasing down every single instance of a color or font change. Plus, it's just plain fun to use. Trust me, your future self will thank you for giving Tokens Studio for Figma a try.

Silvia Bormüller

@svorklab

Tokens Studio for Figma is a massive time-saver tool, because you can literally create a component in Figma once and style it many times — this is huge for multi-themes like Light and Dark Theme. Additionally, styles can be synchronised with development, which is an extremely valuable improvement since it keeps your UI component library consistent.

Mirahi

@mirahi_io

We added this unmissable plug-in to our design methodology, so it was obvious we should sponsor it! Thanks @six7, for helping us create more consistent designs!

We started to create Headless Design System in Figma using #FigmaTokens to help us link our design rules to code.

Manuel Colom

Yummly

When the weighty decisions came to pick the tools to build Yummly’s new design system, Tokens Studio for Figma proved itself as a must-have. For us it’s a game changer, it allows us to seamlessly translate designers’ work directly into code.

Join our community, we would love to hear from you!

Join our Community Slack

Follow our creators on Twitter

Give us feedback or report a bug

Join our community, we would love to hear from you!

Join our Community Slack

Follow our creators on Twitter

Give us feedback or report a bug

Join our community, we would love to hear from you!

Join our Community Slack

Follow our creators on Twitter

Give us feedback or report a bug