Supa Design Tokens

What Supa Design Tokens is

Supa Design Tokens is a Figma plugin for creating, organizing, documenting, and exporting design tokens. It covers color, typography, effects, dimension, and layout tokens, and syncs them with Figma Variables and Styles. For code workflows, it exports CSS, Tailwind, SCSS, JSON using W3C DTCG, and TypeScript. Prebuilt libraries include Tailwind and Material UI. Color palette tools support P3 and OKLCH, lightness and opacity scales, and contrast preservation. The plugin can also make visual documentation inside Figma as cards, tables, and tiles. Its features include token management, component documentation, design tool sync, code sync, and versioning. Users can try it free for one week without a credit card. One-time license prices are $90, paid once for Solo, $225, paid once for Team (3 seats), $350, paid once for Agency (5 seats), and $650, paid once for Company (10 seats). Each listed license includes unlimited projects and tokens, multi-format export and import, and free updates. Custom seat plans and specialized support are offered to large design teams.

Who it suits

Supa Design Tokens suits designers and teams working with design tokens in Figma who need to document them or export them to code formats. Its seat-based licenses and custom plans also address teams of different sizes.

Limits

The free access period lasts one week. The listed paid plans specify one, three, five, or ten seats; each includes unlimited projects and tokens, multi-format export/import, and free updates.

Getting started

1. Open the Supa Design Tokens website.
2. Use the free one-week trial without a credit card, or choose a paid license.
3. Choose Solo, Team (3 seats), Agency (5 seats), or Company (10 seats) for a one-time purchase.
4. Use the Figma plugin to create tokens and sync them with Figma Variables and Styles.
5. Export tokens in a supported format or generate visual documentation in Figma.

Verdict

Supa Design Tokens brings token creation, Figma synchronization, documentation, and code export into one plugin. The one-week trial offers a way to assess it before selecting a paid license.