Resources for Design Tokens
25 resources
Login
Start Here
Learning
Tokens Studio – Guides and insights around design tokens
Learning
How to Name Colors in Design Systems
Learning
Naming Design Tokens
Design Systems
Style Dictionary – Export your Design Tokens to any platform
Learning
Inside Design Tokens: Definitions & Traits
Learning
A new approach to naming design tokens
Figma
Naming Tokens in Design Systems
Learning
Design Tokens Cheatsheet
Design Systems
Tokenbase – create, manage, and distribute design tokens
Figma
Token Naming Template – V1
Tutorials
Design Tokens Demystified: Boost Your Workflow
Tutorials
Build a Design System – Ep. 1: Figma Tokens & Variables Setup
Learning
Motion Design System — A Practical Guide
Learning
Fluid typography in design systems: from design to code
Learning
Naming Tokens in Design Systems
Design Systems
Design Tokens Naming Playbook
Learning
Create your own Design system: Chapter Color tokens
Learning
Variables in Figma <> Collections Setup
Learning
Dark mode theming using Figma token plugin
Learning
How I Structured My Design System Using Figma’s New Variables
Learning
Illuminating dark mode
Learning
Dark Mode with Style Dictionary
Learning
How I name Design Tokens and Components
Learning
Refactoring Token Names
Figma
Style/Token Documentation Components™