Tag · 10 guides
Tokens
Every guide tagged tokens, sorted by most recent.
5 GitHub Actions Every Designer Should Automate
You do not need to become a DevOps person. Five small workflows that catch broken tokens, build your docs site, lint your code, and turn random scripts into one-click tools.
Taste Skills Are the New Design Tokens
Why the next generation of design systems will be measured in skills, not components. A strategic essay on the shift from visual tokens to promptable taste.
Automate the Boring Parts of Your Design System
Most design system problems are not caused by lack of intention. They are caused by inconsistent execution. GitHub Actions fix that by running the boring parts every single time.
BU Build a Token Naming Audit Skill for Claude Code
A reusable Claude Code skill that checks every token in your design system against your naming convention. One slash command, instant audit.
BU Build a Token Parity Check Skill for Claude Code
A Claude Code skill that compares your tokens between Figma and code. Catches drift before it ships, with one slash command.
Convert Figma Variables to CSS Custom Properties
Export Figma variables and transform them into production-ready CSS custom properties your engineers can use immediately.
Set Up a Token CI/CD Pipeline
Build an end-to-end pipeline from Figma to npm: Tokens Studio syncs to GitHub, Style Dictionary transforms, GitHub Actions publishes.
Run a Token Naming Audit with AI
Use Claude Code, Codex, Cursor, or another repo-aware AI tool to scan your token files, flag naming inconsistencies, and generate a clean naming convention in minutes.
Automate Design Token Publishing with GitHub Actions
Auto-publish your design tokens on every push. No more manual exports, no more out-of-sync code.
Build a Token Pipeline with Style Dictionary
Transform design tokens from JSON to CSS, iOS, Android in one command. One source of truth, every platform covered.