Figma Design Tokens

Export & convert design tokens or sync with github repo.

5.0•2 reviews•

32 followers

Export & convert design tokens or sync with github repo.

5.0•2 reviews•

32 followers

Visit website

Export Figma styles and custom design tokens to a style dictionary ready json or sync to github. ———— ✅ Actively developed ✅ Compatible with Amazon Style Dictionary ✅ Sync tokens with github / dev server ✅ Support for Figma Styles ✅ Support for custom tokens

Figma Design Tokens: Export & convert design tokens or sync with github repo. | Product Hunt

This is the 2nd launch from Figma Design Tokens. View more

Figma Design Tokens

Export & convert design tokens or sync with github repo.

Export Figma styles and custom design tokens to a style dictionary ready json or sync to github.

————

✅ Actively developed

✅ Compatible with Amazon Style Dictionary

✅ Sync tokens with github / dev server

✅ Support for Figma Styles

✅ Support for custom tokens

Launch tags:

Design Tools•Productivity•Developer Tools

Launch Team

Lukas Oppermann

Elevation Scale for Figma

Maker

When working with design tokens the workflow can be quite a hassle: 1. Change a color, size, etc. in Figma 2. Once you are happy, adjust the token in a json file & convert them with style dictionary 2. Upload the new files to Github With the plugin Design Token plugin for Figma you get all this with just one click without leaving Figma. → Styles and tokens are exported and send to a Github repository → Tokens are automatically converted using style dictionary → You are done!

Report

5yr ago

Abinash Mohanty

@lukasoppermann This is one of the best token plugin I have ever seen including your youtube presentation. I just loved it. However, I just have a question that is after defining the styles token, how one can export tokens for primary, secondary buttons or let's say the form elements for example 🤔

Report

3yr ago

Lukas Oppermann

Elevation Scale for Figma

Maker

@abinashmohanty Sorry for the late reply. You can not export styles from a button directly. If you want to create "component tokens" you would need to create separate styles for this.

Report

3yr ago