Lightning Talk: Design Tokens – Searching for a Source of Truth
summary
Design tokens keep style values in JSON that designers export from Figma and developers compile with style dictionary into platform variables, enabling changes to flow through CI but currently with 70% working from design to code only. Examples include a fashion house theming sites for 100 different brands. Tooling gaps, missing governance and culture friction remain, and a W3C community group is building a spec to standardize tokens across tools and platforms.
AI-written summary · about
chapters (7)
- 0:00PIXEL PIONEERS
- 0:48what the heck are design tokens?
- 1:30#spoiler
- 2:59Things you can token Colour Typography Spacing object styles Animation properties
- 5:37Tokens variables
- 8:57First blocker: Tooling
- 9:56Governance
related talks
35mThe Evolution of Design Tokens
01h 00mDesign Token Architecture
16mIntroduction to Design Tokens
27mDesign Tokens and You
11mDesign Tokens: Getting Agents to Follow Brand Guidelines
23mHow design tokens can make us better collaborators
19mAn introduction to the design tokens file format
49mExploring the Anatomy of Design Systems