Figma Design Tokens

Figma Design Tokens

Making design tokens a single source of truth for Figma.

5.0•1 review•

46 followers

Visit website
Design tokens are an integral part of design system. Figma styles are not enough to create all tokens. Start with Figma styles, and go beyond! This plugin create token inside Figma file/library. It will help to keep in sync all tokens and elements properties.
Figma Design Tokens gallery image
Figma Design Tokens gallery image
Figma Design Tokens gallery image
Launch tags:Design Tools•Productivity•Developer Tools
Launch Team
NMI Payments
NMI Payments
Don’t Integrate Payments Until You Read This Guide
Promoted

What do you think? …

Abdul Wahid
Streamline video proofing
Maker
I worked on lot of design systems and I believe design tokens are an integral part to achieve coherent design and better communication between designer and developer. Figma styles are good but not enough to create all design tokens. So start with Figma styles, and go far beyond! I wrote an article about how can we make a design tokens a Single Source of Truth for designer and developer https://blog.prototypr.io/making... I was looking for someone to help me to create this plugin and one day @jan_six1 read the article and from there we collaboratively worked on it and created this plugin or Figma. This is open-source! plugin A collaboration between Jan Six and Abdul Wahid. Feel free to contribute and raise suggestions at https://github.com/six7/figma-to...
Arnob Mukherjee
I can see my communication structure, with dev is going to be so much better with this 🙌🏻 congrats on the launch 🚀
Gloria Terry
interested
Genevieve Tran
💖👌👌
Maarten Mieras
Thanks this is awesome! Would be sick to have an integration or workflow in combination with Colorbox.io. I wish I had paid little bit more attention during Math at school haha. New features look promising, do you have a roadmap?
Abdul Wahid
Streamline video proofing
Maker
Hi @mcmieras We setup the docs and soon add the roadmap to it. https://docs.tokens.studio/ Some of coming soon features - Sync your tokens to an external JSON - allowing you to use one Tokens source throughout all your files - used by your whole team. - Create a visual representation of your tokens with the click of a button - Export Tokens to various formats (SCSS, YML, JSON, etc)
Abinash Mohanty
@mcmieras @color2life This is great! I just have a question that is after defining the styles token, how one can export tokens for primary, secondary buttons or form elements for example 🤔
Filipp Chumak
Praise the token! \0/
Rafael Sepeda Errera
Great plugin! Really rocks the Design system development!
12
Next
Last