Awesome-Design-Tokens
Design Tokens Working Group
Design Tokens Newsletter
The sign-up page for the Design Tokens Newsletter
Live Sites
A list of company design systems Design Tokens section
- Salesforce Lightning Design System
- Formstack
- Comet (Discovery Education)
- Kalo
- Hex (Bitnami)
- Mineral UI
GitHub Repositories
A list of repos that contain a companies Design Tokens
- Salesforce
- Open Table
- Kiwi.com
- Mozilla Protocal Design System
- Bloomberg
- Firefox Photon
- Shopify Polaris
- Infor Design
- Envato Foundation
- Backpack
- BuildIt Gravity Particles
- Cedar Design System Tokens
- Adobe Spectrum
Articles
A list of articles that discuss Design Tokens, including any tutorials found on how they're being created.
- Tokenize It
- Design Tokens with Figma
- Documenting Design Tokens
- Tokens in Design Systems
- Article on UX Collective
- Using design tokens to promote collaboration and maintainability of a design system
- How we use Sass Maps for Design Tokens and Developer Happiness
- How to manage your Design Tokens with Style Dictionary
- What Are Design Tokens?
- Making Design Tokens Work Across Platforms with Amazon Style Dictionary
- Manage design tokens with TypeScript and styled-components
- Building a Visual Studio Code Theme with Style Dictionary
- Theo Design Tokens Using Node-Sass Importer For Any Build Method
- Design Tokens for Dummies
Tools
A list of tools that help you generate other files from your design tokens
- Design tokens export plugin
- Theo
- Style Dictionary
- Mole
- Dragoman
- design-system-utils
- Design Tokens Explorer
- Theme.css
- Chromatic
- SuperPosition
- DesignTokens.dev
- Gorko
- Specify
Plugins
A list of plugins to help you move tokens from apps to wherever you want
Slides, Videos, Podcasts
- 📽 Building Consistent Cross-Platform Interfaces
📊 Tokens in Design Systems- 🎧 Design Tokens: Scaling Design with a Single Source of Truth (💲)
- 🎧 Smashing Podcast Episode 3 With Jina: What Are Design Tokens?
🎧 Toolsday 104. Design Tokens with Jina- 📊 Design Tokens and CSS
📽 Design Tokens and CSS- 📽 Design Tokens 101 te
- 📽 Mikolaj Dobrucki - Getting More with Design Tokens