Curators
Submit
Wall of ❤︎
X
LinkedIn
Instagram
Resources for Design Tokens
37 resources
Learning
Optimising your design system with Figma’s variables
Figma
Pinwheel Plugin – Export variables as Design Tokens JSON
Learning
Style Dictionary – Design Tokens
Figma
Design Tokens Starter Set | JSON, Variables & Tokens Studio sync
Design Systems
Tokens glossary – Key concepts in structuring Design Tokens
Figma
Find Missing Variables
Learning
Design tokens – Spectrum
Learning
Creating a Flexible Design Token Taxonomy for Intuit’s Design System
Figma
Name components properties and values in Design Systems
Figma
Tailwind 2024 Primitives V1.2
Learning
Ghost Variables in Figma
Design Systems
Handoff – Automated Design Handoff & Token Documentation
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
1
2
→
