domains / families / design / design-tokens

design-tokens

separate

Generate, extend, or audit design tokens in DTCG format with the 3-tier architecture (primitive → semantic → component). Use when the user wants a color palette, type scale, spacing/shadow/radius/motion tokens, multi-brand theming, or wants to validate token files. Covers colors, typography, spacing, shadows, borders, breakpoints, motion, gradients, opacity, blur, sizing, states, theming.

When to use

• color palette generation
• type scale creation
• spacing tokens
• shadow tokens
• radius tokens
• motion tokens
• multi-brand theming
• validate token files

Skill page

Source