Showcase

A collection of resources that use Tokens Studio

Showcase

A collection of resources that use Tokens Studio

Preview of Ant Design showcasing a couple of components with a headline Ant Design System for Figma above

Ant Design System for Figma

Built on Tokens Studio, this library comes with a comprehensive list of color and typography tokens. Components use the same tokens and naming as the original Ant Design .less files. You can easily customize the entire UI kit and then sync it with your code. It even contains a sophisticated Sync option to keep development and design in sync!

Preview of Cabana showing two screens in light and dark mode

Cabana 5

Cabana is a design system starter, Version 5 featured semantic color tokens as well as a typography system built with Tokens Studio. There's also radii and spacing tokens that make up the dimension system in Cabana.

Preview of the plugin on the right

Supa Palette

All-in-one palette generator, editor and manager for Figma. Easily create harmonious, accessible-first palettes and save countless hours getting colours for your design system. Quickly generate palettes from one color, local style or selection. Comes with an Export function that allows export to Tokens Studio format.

A preview of Figma with the plugin open

Pro Layout Panel

A plugin that enhances the way you'd use AutoLayout: A quick and easy panel that brings all of layout properties to one place, allowing unprecedented speed and unveils all hidden attributes. Comes with a way to access and apply design tokens stored by Tokens Studio on the document, letting you pick from these.

Headline Supercharge Figma on top of a preiew of Figma with Automator open

Automator: Tokens Studio documentation

Automator for Figma is a plugin that lets you run any task in any order you can imagine. We've built a community script that lets you generate documentation for design tokens stored on the document, all automated.

Join our community, we would love to hear from you!

Join our Community Slack

Follow our creators on Twitter

Give us feedback or report a bug

Join our community, we would love to hear from you!

Join our Community Slack

Follow our creators on Twitter

Give us feedback or report a bug