I’m excited to see more commercial design systems adopting design tokens. “Version 3.0 introduces new features that will boost designer and developer workflow: sync Figma Tokens with code, improved components Inspect panel, redesigned documentation, and Slot, Space, and Grid components.”
Nick Burd walks readers through the process of creating basic design tokens in Figma and syncing them with a Github repository.
At the recent All-Hands call Sho Kuwamoto confirmed that Figma is working on design tokens. Schema Conference seems to be a perfect moment to announce them, so fingers crossed!
I’m not familiar with the Specify app, but this use case is something I’ve been thinking of automating myself. Happy to see that there is an existing solution! As Sun Tzu once said, “If you wait by the river long enough, the Figma tools and plugins you need will float by.”
Learn how to create a token-based Design System in Figma with Jan Six, creator of the Figma Tokens Plugin.
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.