Skip to content
Projects

TokenLab.

From an internal Figma plugin to our own SaaS platform for design tokens, rules and resources. For people, AI and automated systems.

Project type
Own product
Field
Design Systems · SaaS · AI
Contribution
Product Strategy · Product Design · Full-stack Development · Go-to-Market & Operations
Year
2025/26
TokenLab token editor on a desktop monitor at a workstation

We conceived, designed, developed, integrated and marketed TokenLab. Today, we operate and extend the platform. What began as an internal Figma plugin became a shared source for tokens, design context and resources. People, AI and automation can work on the same system without losing control over changes and how they are merged.

Scope

Project timeline
April 2025Ongoing
TokenLab branding with app icons and browser sign-in
TokenLab logo construction on a design grid

The starting point was a problem from our own work: drift kept emerging between Figma and development. Designs were handed over and changed in code. Those changes were not always carried back into the design. With every copy, it became less clear which state actually applied.

At the same time, Figma lacked functions we needed to build efficient design systems. That led to the first versions of our own plugin in 2024. It solved concrete tasks directly inside Figma, but initially remained tied to a single tool.

TokenLab colour tools with a colour picker and stepped palettes

In April 2025, we began turning the plugin into an independent SaaS platform. The focus shifted from an extension for designers to a shared working foundation for every contributor: design, engineering, AI, and automated systems.

TokenLab therefore manages more than token values. The platform connects tokens with design context, rules, and resources. This shared source records what applies, who changed it, and how changes are merged under control.

Expressions and transformers make token systems computable rather than purely manual. Color functions create traceable color relationships; the alpha function derives transparency from an alias token without duplicating the underlying color. These capabilities grew directly from gaps we had experienced in existing design-system workflows.

TokenLab transformer editor with connected processing steps and functions
Product presentation of TokenLab transformers, expressions and aliases
TokenLab design assets with a Figma colour variable dialog

Technically, TokenLab connects a custom-built web app to a Node backend and Supabase. The database stores tokens and their relationships, while Supabase Storage holds associated resources. Realtime synchronizes parallel work directly in the system and provides the foundation for multiplayer workflows where contributors do not overwrite one another's changes.

The Figma plugin and our custom-built CLI bring the same source into the tools used by design and engineering. No team has to maintain a simplified copy. People, AI, and automation access the same platform while provenance, permissions, and merging remain controllable.

TokenLab change comparison with highlighted differences on a monitor
TokenLab workspace overview with libraries and tool logos
Excerpt from the TokenLab product website showing product messaging
Dark TokenLab library view with groups and token values

TokenLab was built entirely at minddraft: from concept and product design through Figma integration, web app, database, backend, and CLI to marketing and operations. Design, development, and testing did not happen one after another, but through many shared iterations.

After platform development began in April 2025, we opened TokenLab in beta in May 2026. The product has been live since August 2026. Launch is not an endpoint: we operate the platform ourselves and continue to evolve the product, technology, and positioning through insights from real use.

Impact

1 sourcefor tokens, design context, and resources across every connected tool.
Realtimefor parallel collaboration without contributors overwriting one another.
3 interfacesThe web app, Figma plugin, and CLI connect design and engineering.

Want to turn your product idea into a SaaS platform of your own?

Call us
Marco Schär of minddraft

Marco or someone from the team will get back to you, within 24 hours on working days.