Product Hunt logo dark
  • Launches
    Coming soon
    Upcoming launches to watch
    Launch archive
    Most-loved launches by the community
    Launch Guide
    Checklists and pro tips for launching
  • Products
  • News
    Newsletter
    The best of Product Hunt, every day
    Stories
    Tech news, interviews, and tips from makers
    Changelog
    New Product Hunt features and releases
  • Forums
    Forums
    Ask questions, find support, and connect
    Streaks
    The most active community members
    Events
    Meet others online and in-person
  • Advertise
Subscribe
Sign in
Subscribe
Sign in
Figma Design Tokens

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
  • Overview
  • Launches2
  • Reviews2
  • Alternatives
  • Team
  • Awards
  • More
Company Info
figma.com/community/plugin/888356646278934516/Design-TokensGitHub
Figma Design Tokens Info
Launched in 2017View 2 launches
Forum
p/figma-design-tokens-2
  • Blog
  • •
  • Newsletter
  • •
  • Questions
  • •
  • Forums
  • •
  • Product Categories
  • •
  • Apps
  • •
  • About
  • •
  • FAQ
  • •
  • Terms
  • •
  • Privacy and Cookies
  • •
  • X.com
  • •
  • Facebook
  • •
  • Instagram
  • •
  • LinkedIn
  • •
  • YouTube
  • •
  • Advertise
© 2025 Product Hunt
SocialX

Similar Products

Marvel
Puts the power of design in everyone's hands.
Team collaboration softwareDesign & Creative
Avocode
Save time working with design files
Team collaboration softwareInterface design tools
Specify
Your Design Tokens Engine
4.0(4 reviews)
Design & CreativeInterface design tools
Ditto
Manage the words across the surfaces of your product
4.0(5 reviews)
Note and writing appsTeam collaboration software
Figma Design Tokens
Figma Design Tokens
Making design tokens a single source of truth for Figma.
5.0(3 reviews)
View more
This is the 2nd launch from Figma Design Tokens. View more

Figma Design Tokens

Export & convert design tokens or sync with github repo.
Figma Design Tokens was ranked #5 of the day for November 8th, 2020
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 gallery image
Figma Design Tokens gallery image
Figma Design Tokens gallery image
Figma Design Tokens gallery image
Figma Design Tokens gallery image
Launch tags:
Design Tools•Productivity•Developer Tools
Launch Team
Lukas Oppermann

What do you think? …

Lukas Oppermann
Lukas Oppermann
Elevation Scale for Figma

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
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
Lukas Oppermann
Elevation Scale for Figma

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
Dee Aero
Dee Aero
Cool! Very useful for web designers script! Thanks! )
Report
5yr ago
Lukas Oppermann
Lukas Oppermann
Elevation Scale for Figma

Elevation Scale for Figma

Maker
@deeaero Glad it is of use to you. 👍
Report
5yr ago
Lukas Oppermann
Lukas Oppermann
Elevation Scale for Figma

Elevation Scale for Figma

Maker
Happy Christmas 🎅🎄 As an early gift, Figma Design Tokens now supports motion design tokens!
Report
4yr ago
Hurree
Hurree — The smarter, simpler way to analyze your data
The smarter, simpler way to analyze your data
Promoted

Figma Design Tokens Launches

Figma Design Tokens
Figma Design Tokens Export & convert design tokens or sync with github repo.

Launched on November 8th, 2020

Figma Design Tokens was ranked #5 of the day for November 8th, 2020
Figma Design Tokens was ranked #5 of the day for November 8th, 2020

Do you use Figma Design Tokens?

5.0
Based on 2 reviews
Review Figma Design Tokens?
Reviews
Helpful

You might also like

Marvel
Puts the power of design in everyone's hands.
Avocode
Save time working with design files
Specify
Your Design Tokens Engine
Ditto
Manage the words across the surfaces of your product
Figma Design Tokens
Figma Design Tokens
Making design tokens a single source of truth for Figma.
Superposition
Superposition
Use the design system you already have
View more
Besian Arizi
Besian Arizi
•1 review
It's a great time saver in the long run.
Report
2yr ago
Andreas Kramer
Andreas Kramer
•1 review
Very good approach to design tokens, actually the way one should do it today, given the state of the tools. imho.
Report
2yr ago