Token Flow
Build clean, scalable design tokens from day one
Plugin Preview
About this plugin
Token Flow is a Figma plugin designed to help designers build clean, consistent, and scalable design tokens — starting from the foundation.This is Version 1, focused on Primitive Tokens.Before colors become semantic.Before spacing turns random.Before naming gets messy.Token Flow helps you define the core building blocks of your design system with clarity and structure.What you can do in v1:Create primitive-first token structures (no semantic shortcuts)Build full color systems with scales (50–900)Use 500 as a single source of truth for color systemsAuto-generate shades or define them manuallyManage spacing, typography, radius, borders, shadows, opacity, and z-indexBulk select and manage tokens efficientlyUse a clean, scalable naming structure by defaultWork with project-based setups (your progress is saved)Token Flow is built for real-world design systems — not demo files.Coming next:Alias tokensToken mapping & relationshipsAdvanced workflows and logicThis plugin is just getting started.
Plugin Details
| Version | 19 |
|---|---|
| Created | December 14, 2025 |
| Last Updated | February 1, 2026 |
| Category | editing & effects plugins |
| Creator | Aya Abdullah |
| Stats | 23 installs, 15 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
More Like This
Discover other plugins in the editing & effects plugins category.