Free for all

Start Your Scalable Design Tokens Set

The foundation that grows with your system.

Simplify the overwhelming process of setting up design tokens with a clear, agent assisted starting point for a scalable design system.

Begin building your Design Tokens Without the Overhelm

Seamless Integration

Figma variables and Tokens Studio-ready JSON on GitHub, MD Files and exemplary Skills for a smooth start of your setup.

From Three Tiers to "X".

X-Tier means every token has a place and a purpose. Maintenable and swapable at the bottom, stable at  the top. The alias layer is the only surface your product consumes. Everything below it is yours to extend, replace, or scale. Structure you can build on.

Built for agents. Structured for scale.

SCALES v5 includes agent skills for validating and extending your token set. Add brands, colors, and breakpoints without touching the JSON manually. Built for Claude Code, Cursor, and other compatible agents. Not full automation, but a structured co-pilot that knows the architecture as well as you do.

Starting made easy

Download

Copy the Figma file or fork/download the repo from GitHub

Customize

Swap out the example brands with your own colors, fonts, and shapes. Directly  in Tokens Studio or with your agent

Scale

Work in Figma via Tokens Studio to fine grain the themes and use the built-in agent skills to validate, add brands, colors, or breakpoints as your system grows.

Frequently Asked Questions

I can't find a price. What does it cost?

Nothing :) The starter set is free for all to use and doesn’t cost anything.
It runs under MIT License though a mentioning is enough.

Can I customize the tokens?

Absolutely! Modify them in directly in Figma or use additional Tokens Studio. Consider everything in the starter set as a recommendation how I would set things up. Feel free to custimze it to your design systems requirements.

Do I have to use Tokens Studio?

No. Tokens Studio is totally optional here. It is working perfectly fine when just using Figma and build your setup from there. Do what fits for you!

How do I use Skills?

Skills are markdown files located in the skills/ folder of the repository. Each skill is a step-by-step guide for a specific task. Validating your token set, adding a brand, a color, or a breakpoint.

To use them, open the repo in an AI-powered editor like Claude Code or Cursor, point your agent to the skill file, and describe what you need. The agent will follow the instructions and ask clarifying questions before making any changes.