Back to Plugins
Token Flow

Token Flow

Build clean, scalable design tokens from day one

Plugin Preview

Token Flow 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

Version19
CreatedDecember 14, 2025
Last UpdatedFebruary 1, 2026
Categoryediting & effects plugins
CreatorAya Abdullah
Stats23 installs, 15 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma