Design tokensDTCGStyle Dictionary+1
What are design tokens, and how are they used?
A design token is a named design decision stored as data. Here is how one value travels from a Figma file to a CSS custom property in production.
Notes on token systems that hold up.
Articles on DTCG design tokens, Figma variables, and keeping a token system consistent between design and code.
3 articles shown
Design tokensDesign systemsDTCG+1
What is design token architecture?
Design token architecture is the layering that keeps a token system changeable. Here is what the three tiers do and the rule that holds them together.
DTCGDesign tokensDesign systems+1
What is the Design Tokens Community Group?
The DTCG writes the format design tools exchange tokens in. Here is what the 2025.10 release actually standardises, and what it deliberately leaves open.