#Design Tokens

Jan Six, creator of the powerful Figma Tokens plugin, joined forces with Marc Andrew, creator of a massive Cabana design system, to rebuild the system using tokens. It’s still an early version, but Jan talks about some of the benefits of the new approach in this article.

A guide on how to build design systems that scale easily and sync with GitHub, with the help of a plugin called Figma Tokens.

A Figma plugin allowing you to define & use tokens directly in Figma, including smart aliases for colors, typography, spacing, border radius, etc. Jan Six is also working on the way to sync tokens with a GitHub repository.

Jan Six, Sr. Product Designer at GitHub, talks about creating a design tokens system in Figma. See also his plugin Design Tokens below.

Somehow I missed this article earlier this year, but it’s a good resource for creating an automated process to keep design tokens of the design tool in sync with the code behind it. They achieve this by setting up a Node.js server that generates Sass and Tailwind files with all the variables from the Figma API.