Design systems
Design tokens
Building
Governance
Upskill
Cheatsheets to help you get started with design tokens
Curated collection of terminology I've gathered from well-known design systems.
Marta Conde
The Design System Guide
Cheatsheets to help you get started with design tokens.
Curated collection of terminology from well-known design systems.
Broaden your token knowledge.
Naming tokens in design systems
Nathan Curtis
Oct, 2020
Ghost variables in Figma
Sam Gordashko
Oct, 2024
How we built our multi-platform design system at Booking.com
Nicole Saidy
Mar, 2023
Creating a flexible token taxonomy for Intuit’s design system
Nate Baldwin
Jun, 2023
Simplified Figma color variables based on HSB interpolation
Deniz Can Demir
Oct, 2023
Method to make semantic design tokens
Donnie D’Amato
2022
Part 1: Getting started with style dictionary [code]
Stuart Robson
Explore templates and resources to help manage your tokens.
Airtable token inventory
Romina Kavčič
Airtable
Token naming template
Figma
Graph Engine
Token Studio
Tool
Token visualization tool
Token Visualization
Variables taxonomy map
Export design tokens
Automate design to code
Insights into implementing and maintaining design tokens effectively.
Katie Langerman - GitHub
Invisible Infrastructure
Sam Gordashko & Sil Bormüller
Figma Variables vs Tokens Studio
Tokens Studio
Tokens vs Variables
Into Design Systems
Design Tokens in Figma
Explore Figma plugins to create and manage design tokens/variables.
Tokens Studio for Figma
Apply Variables
Swap Variables
Styles & Variables Organizer
Figma Tailwindcss
Design Tokens
Styles to Variables Converter
Subtitle
Token Queen
Consultant
Adobe Spectrum
GitHub
Curated by Justine Montgomery for the design systems community
© 2024 - Meowzit Design System Resources
Follow me
Curated by Justine Montgomery
for the design system community