Use 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 one dashboard, all linked to one source of truth.


Design tokens in Figma.

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

Available now!

Figma Tokens Pro

Our paid version will make your life even easier with advanced features and premium support.

Multi-file sync

Sync to multiple .json files to keep a single source of truth

Branch Switching

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.

Branch Switching

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

Advanced theming

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

Advanced theming

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

Advanced theming

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

Non-local Styles

Connect design tokens to Figma styles, use Theme swap in any file.

Want to learn more?

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

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

Figma Tokens as you know it

Free

Experience Figma Tokens 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

Figma Tokens as you know it

Free

Experience Figma Tokens 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

Figma Tokens as you know it

Free

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

Advanced Theming

Branch Switching

Support for non-local styles

Smart math
Token remapping

Multi-file sync

+All free features

Figma Tokens as you know it

Free

Experience Figma Tokens 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

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.

Silvia Bormüller

@svorklab

Figma Tokens 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, Figma Tokens plugin 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 Figma Tokens Slack
Join our Figma Tokens Slack
Join our Figma Tokens Slack
Follow our creators on Twitter
Follow our creators on Twitter
Follow our creators on Twitter
Give us feedback or report a bug
Give us feedback or report a bug
Give us feedback or report a bug