The Ultimate Guide to Design Tokens: Formats, Types and Specifications
How the DTCG format writes design tokens in JSON: file structure, aliases and all 13 token types, from color and dimension to shadow and typography.
Blog
2026
The Ultimate Guide to Design Tokens: What they are and how to use them
Design Tokens are variables that store the visual values of your design system, such as colors, typography and spacing. Learn how to use them and scale your design system efficiently.
Scaling a Design System with AI: Reducing work and automating processes
Use artificial intelligence to automate the creation and maintenance of design tokens, components and documentation.
Designing in Figma with Claude: how to use AI to create interfaces and control your entire Figma
Learn how to use Claude to interact with your Figma files and automate repetitive tasks.
Design Tokens Resolver: the native module for generating tokens and conditionals
Learn how to use the Design Tokens Resolver to make your tokens scalable and create multiple conditionals for themes and breakpoints.