medium.com
Naming Tokens in Design Systems
20+ min · · Terms, Types, and Taxonomy to Describe Visual Style · Shared by 121, including Oscar MacDonald, Gabriele, Evan (he/him), Stu Collett, Adrian Zumbrunnen, David Hellmann, CSS Weekly, Stef Walter, Nathan A Curtis, mastodon.social/@renestalder, pizza.lottie 🍕, Mohamed Azazy, Johannes Dornisch, Marius Bleuer, Nico Müller 🇺🇦, Michael Zumstein, cody lindley
dbanks.design
Documenting Design Tokens
· Shared by 26, including ross, pizza.lottie 🍕, Marius Bleuer, Brad Frost, CarloZen, Michael Zumstein
toolabs.com
Toolabs DSM Plugin for Figma
1 min · · Create tokens based themeable designs with Toolabs Design System Manager plugin, right from Figma! · Shared by 11, including Marius Bleuer
medium.com
Measuring the health of our design system
20+ min · · Design systems are like community gardens, and understanding their health is key to success. · Shared by 7, including Marius Bleuer
medium.com
The Nine Rules of Stratos Design Tokens
12+ min · · Finally Team Sketch2React has created a design document containing examples of all the rules available in Stratos Tokens App! 🎓🧑💻🙌 · Shared by 5, including Marius Bleuer
medium.com
From Design tool to Design Tokens using Stratos App
7 min · · Stratos App reads the raw design file (no plugins) and generates a design token file (JSON-format) which can be uploaded to NPMjs. · Shared by 5, including Marius Bleuer
medium.com
How to Automate Design Tokens in a Design System
8 min · · Colors, spacing, font weights, and font sizes are all design tokens · Shared by 8, including Marius Bleuer
medium.com
Contributing to Our Design System: The (Happy) Tale of Creating a New Component
9 min · · From being imagined in someone’s head to being added to the design system and ready for use by everyone · Shared by 8, including Marius Bleuer
badootech.badoo.com
Design Tokens beyond colors, typography, and spacing.
16+ min · · Design tokens are mainly used for “core” properties (colors, typography, spacing, etc). But trust me, they can do much more than just this. · Shared by 36, including Marius Bleuer, pizza.lottie 🍕, Andreas Bossard
github.com
mikaelvesavuori/figmagic
· figmagic - Automate the generation of design tokens and specs from your Figma documents. Inspired by Salesforce Theo. · Shared by 5, including Marius Bleuer
github.com
six7/figma-tokens
· Contribute to six7/figma-tokens development by creating an account on GitHub. · Shared by 4, including Marius Bleuer
designsystem.digital.gov
U.S. Web Design System: A design system for the federal government
2 min · · Design and build fast, accessible, mobile-friendly government websites backed by user research. · Shared by 40, including Antonio Vieira Santos, zeldman, Yann “不停” Heurtaux ⏚ @shalf@mastodon.social, Marius Bleuer, Mohamed Azazy, anildash.com, Stef Walter
matthewstrom.com
A design API in practice
8 min · · A proof-of-concept of an API for design decisions · Shared by 14, including Marius Bleuer, pizza.lottie 🍕, Ethan Marcotte
github.com
[RFC] Format specification
· Principles For core properties (name, value, description…), a design token file must be both human-editable and human-readable The format is simple, extensible, and as unopinionated as possible Ven... · Shared by 5, including Marius Bleuer