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.
Use design tokens to manage your variables and styles, apply or swap these across themes using native features.
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 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.
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.