How design tokens can make us better collaborators
summary
Design tokens serve as a writable source of truth outside Figma that teams read and write from, enabling designers to edit values in Figma or code, create branches, open pull requests and run previews and tests. The demo uses the figma tokens plugin, syncs with github, triggers a deploy preview to versel, and converts tokens with style dictionary. A working prototype shows living changes, ~30,000 installs for the plugin, and concrete devops hooks (CI checks, Storybook updates, pull‑request reviews) that make collaboration measurable and reversible.
AI-written summary · about
chapters (10)
- 0:00Intro
- 0:24Source of Truth
- 1:33Different ways to define Source of Truth
- 3:25What are design tokens
- 5:32Demo
- 7:57Benefits
- 10:25Best Practices
- 14:41Round Trip
- 19:33Figma
- 21:12Summary
related talks
45mBridge the Gap between Design and Development
27mDesign Tokens and You
35mThe Evolution of Design Tokens
16mDesign Language on Autopilot: How Figma and Code Can Automate Your Workflow
13mLightning Talk: Design Tokens – Searching for a Source of Truth
16mIntroduction to Design Tokens
35mDesign Tokens for Cross-platform Design Systems
01h 00mDesign Token Architecture