Design Tokens

Extract scattered design values from an existing codebase and consolidate them into a single, coherent token system. Or generate a fresh token set from a brand colour.

Triggers

• "design tokens"
• "extract tokens"
• "token system" / "css variables" / "custom properties"
• "/design-tokens"
• "create a design system"
• "centralise my colours"
• "too many hardcoded colours"

Workflow