Figma Design Tokens

Making design tokens a single source of truth for Figma.

5.0•1 review•

46 followers

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.

Launch tags:Design Tools•Productivity•Developer Tools

Launch Team

Framer AI AgentsDesign and publish professional sites with AI

Promoted

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?

Report

5yr ago

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)

Report

5yr ago

@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 🤔

Report

5yr ago

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...

Report

6yr ago