TokenLab by minddraft. Design Tokens for Humans & AI

About this plugin

TokenLab by minddraft — Design Tokens for Humans & AI.Sync Figma variables with the same design truth your team, tools, and AI rely on!Figma Variables are a starting point. But as your design system grows, you'll miss math expressions, color functions, coverage audits, AI assistance, and a real exporter that serves every platform. That's where TokenLab comes in.TokenLab Web is the single source of truth for your design tokens. The plugin is your cockpit inside Figma: you create, sync, and audit tokens directly in the plugin — and everything you do lands safely in your central library.What you get in the plugin — beyond what Figma can do aloneExpressions in token values — write ($[spacing.base] 2) + 8 and TokenLab does the math. Token references, math operators, nested functions — all resolved inline.Color functions on aliases — lighten($[color.primary], 0.15), mix($[brand.blue], $[brand.red], 0.5), alpha($[surface], 0.8), plus darken, shiftHue, adjustLightness, adjustChroma — all in OKLCH color space, precise and perceptually correct.Bidirectional sync — tokens flow automatically into Figma Variables and Text, Paint, and Effect Styles. Auto-sync keeps everything in lockstep in the background.Composite tokens — typography as a single token (font, size, weight, line-height) instead of four scattered variables.Coverage audit — canvas scan finds hardcoded colors, spacings, typography. AI suggests matching tokens, bulk-apply in one click.Reverse import & cleanup — bring existing Figma Variables and Styles into your TokenLab library, detect orphaned assets, and clean them up in bulk.Companion Mode ⭐ — work in parallel in the web editor (full screen, full power) while the plugin live-syncs into your Figma file. No more squinting at the tiny Figma plugin window: build tokens in the web with the node editor and AI, consume them in Figma instantly.What you get on the web — the real engineVisual node editor for export pipelines ⭐ — build token transformations like in n8n: Source → Filter → Rename → Alias → Mode → Merge → Output. Every platform gets exactly what it needs.Exporter with 25+ formats — CSS, SCSS, Tailwind, JS/TS, Swift/SwiftUI, Android XML & Compose, Flutter, DTCG, JSON. With naming, unit, and color transforms.AI Assistant ⭐ — six presets plus freeform prompting.Governance & policies — naming conventions, color rules, composite types enforced workspace-wide.Releases & audit logs — versioned snapshots, complete event history per library.Slack integration & CLI — publish notifications, team events, tokenlab pull for engineering.Analytics & health scoring — token composition, mode completeness, tool usage.Public libraries — share design systems publicly, discoverable in the Explore section.Workspaces, roles, multi-seat billing — owner, admin, editor, unlimited viewers.Get started1. Launch the plugin, pair with your TokenLab account (device flow, 30 sec.)2. Pick a library or create a new one3. Manage tokens, sync, export — you're off🌱 Beta — and your feedback mattersTokenLab is in active development. We love bug reports, feature requests, and everything in between. Your input shapes the next version directly.