Design Token Naming Conventions: A Practical Guide stu )Apr 23, 2026 89 guides , naming , conventions , examples Design Tokens With Confidence luk )Jan 19, 2026 88 json , css 5 Accessibility Checks to Run on Every Component hdv /zer )Jan 6, 2026 87 accessibility , components , testing , keyboard-navigation , microcontent , zooming , screen-readers Design Tokens Aren’t Enough—Architecture Decisions Need a Place in Your Design System sam )Nov 25, 2025 86 design-systems , architecture , documentation From Tokens to Touchpoints: Powering a Successful Rebrand With Your Design System zer )Nov 13, 2025 85 design-systems , collaboration What’s New in the Design Tokens Spec: From Static to Living Design Data res /zer )Nov 13, 2025 84 design-systems Your Tokens Have Become Infrastructure mur )Oct 23, 2025 83 design-systems When Design Tokens Become Technical Debt mur /zer )Oct 3, 2025 82 design-systems , technical-debt Design Tokens for Links Jul 15, 2025 81 links Figma Variables and Design Tokens: Naming and Creating Variables lur /zer )Jun 26, 2025 80 figma , variables , naming Figma Variables and Design Tokens—Variable Architecture lur /zer )Jun 9, 2025 79 figma , variables Implementing Multi-Brand Theming With Style Dictionary stu )Apr 1, 2025 78 theming , branding , tooling Mastering Typography in Design Systems With Semantic Tokens and Responsive Scaling Mar 28, 2025 77 typography , design-systems , semantics , responsive-design , scaling Composite vs. Simple Tokens Mar 20, 2025 76 comparisons , terminology , maintainability Avoiding Tokens don )Feb 24, 2025 75 design-systems Structuring Design Tokens for Interactive States Feb 11, 2025 74 Definition Layers Within Semantic Tokens ikn )Feb 6, 2025 73 semantics Interoperable Tokens don )Jan 16, 2025 72 design-systems , sass , jsx Building Design Consistency: A Deep Dive Into Figma Variables at JW Player Jan 9, 2025 71 deep-dives , design , design-systems , consistency , figma , variables , case-studies Beyond JSON: Exploring File Formats for Design Tokens stu )Nov 28, 2024 70 json , yaml , comparisons The Semantic Interface Palette Is Simple Nov 24, 2024 69 design , semantics , figma Design Tokens: Authoring vs. Consuming Nov 11, 2024 68 design-systems , naming , comparisons The Ultimate Design Token Setup luk )Sep 25, 2024 67 design-systems , best-practices , link-lists Fluid Typography in Design Systems: From Design to Code fel )Aug 22, 2024 66 typography , design , design-systems Design Tokens Demystified Aug 7, 2024 65 components , design-systems Best Practices for Naming Design Tokens, Components, Variables, and More sma )May 23, 2024 64 naming , components , variables , best-practices The Art of Design System Recipes bra )Apr 22, 2024 63 design-systems State of Design Tokens 2024 don +)Apr 22, 2024 62 videos , figma , tooling When “Semantic Tokens” Are No Longer Semantic Mar 14, 2024 61 semantics Creating a Color Ramp Using Color Modifiers in Tokens Studio Jan 11, 2024 60 design-systems , colors , figma Are We Too Pedantic With Semantic dis )Dec 20, 2023 59 design , semantics Naming Design Tokens: The Art of Clarity and Consistency Dec 16, 2023 58 naming , consistency Decoding Compound Tokens Dec 11, 2023 57 terminology Truly Semantic don )Nov 7, 2023 56 semantics , naming Synchronizing Figma Variables With Design Tokens Oct 17, 2023 55 figma , variables , automation The Design System Ecosystem bra )Sep 21, 2023 54 design-systems The Real Value of Tokens Sep 11, 2023 53 design Implementing Design Tokens: Colors Aug 4, 2023 52 colors The Future of Design Systems Is Semantic fig )Jul 27, 2023 51 design-systems , processes How I Structured My Design System Using Figma’s New Variables Jul 15, 2023 50 design-systems , figma , variables Getting Started With Native Design Tokens in Figma luk )Jun 28, 2023 49 figma , introductions Using BEM for Design System Tokens Jun 23, 2023 48 css , bem , conventions Making Your Design Tokens Future-Proof and )Jun 20, 2023 47 Creating a Flexible Design Token Taxonomy for Intuit’s Design System Jun 20, 2023 46 design-systems Standardising Design Tokens oll )Jun 16, 2023 45 conventions Tokens Are the Most Valuable Artifact a Design System Can Provide Jun 6, 2023 44 design-systems The Context Dilemma Jun 1, 2023 43 design-systems Presentational Colors luk )Jun 1, 2023 42 colors Token Operations don )May 31, 2023 41 Design Tokens: Beginner’s Guide May 5, 2023 40 guides , design-systems How to Manage Design Tokens Apr 27, 2023 39 how-tos , maintenance How to Name Design Tokens in a Design System Apr 16, 2023 38 how-tos , design-systems , naming Unlocking the Power of Design Tokens to Create Dark Mode UI Apr 6, 2023 37 dark-mode Versioning Design Tokens Mar 16, 2023 36 versioning , maintainability D̶e̶s̶i̶g̶n̶ Token Clusters Jan 10, 2023 35 Creating Tokens for Your Design System With ChatGPT Assistance Jan 4, 2023 34 design-systems , ai , chatgpt Understanding Design Tokens, From UX Tool to Production Dec 29, 2022 33 videos The Future of Design Tokens jin +)Dec 12, 2022 32 videos , outlooks W3C Design Tokens With Style Dictionary luk )Dec 7, 2022 31 tooling Design Spacing Tokens Semantically don )Dec 1, 2022 30 websites , spacing , design An Introduction to the Design Tokens File Format fig )Nov 19, 2022 29 videos , introductions The Superpowers of Design Tokens Nov 7, 2022 28 videos Component-Level Design Tokens: Are They Worth It? Oct 4, 2022 27 components CSS-Only Type Grinding: Casting Tokens Into Useful Values Oct 3, 2022 26 css Design Tokens 101 Sep 15, 2022 25 A Beginner’s Guide to Design Tokens Sep 4, 2022 24 guides What Are Design Tokens? Aug 15, 2022 23 Dark Mode With Design Tokens luk )Aug 8, 2022 22 dark-mode Tokens as Intents don )May 12, 2022 21 naming , typography Supercharge Your Design System With Design Tokens Apr 25, 2022 20 design-systems Typography in Design Tokens for Figma and Code Mar 20, 2022 19 typography , tooling , figma Component Tokens and Themes Example (to Learn Figma Tokens) fig )Feb 22, 2022 18 design , theming , components , figma The Case for Adding Validation State to Your Design Tokens eri )Feb 22, 2022 17 validation Naming Design Tokens luk )Jan 27, 2022 16 naming Design System Best Practices With ESLint Series and )Nov 16, 2021 15 design-systems , best-practices , tooling , eslint Design Systems at Replit: Better Tokens Oct 26, 2021 14 case-studies , design-systems Design Tokens Automation Pipeline: From Design Tools to Component Libraries Sep 27, 2021 13 automation , design-systems Becoming a Design Tokens Ambassador Sep 7, 2021 12 Tip: Don’t Preprocess What You Can Design Token tyl /clo )Jun 28, 2021 11 css , preprocessors Keeping It Consistent: Design Tokens Jun 21, 2021 10 design-systems , consistency Component-Specific Design Tokens clo )Jun 8, 2021 9 components Using Design Tokens to Accelerate Design Systems Mar 31, 2021 8 design-systems , css Naming Color Variables in CSS ahm )Nov 4, 2020 7 css , colors , custom-properties , naming Easily Use Design Tokens in Eleventy hey )May 16, 2020 6 eleventy What Are Design Tokens? fon /css )Apr 3, 2019 5 design-systems , concepts Design Tokens Generator (Leniolabs_) 4 tools , exploration , code-generation , colors , css Design and Design Token Generator 3 tools , exploration , code-generation Design Tokens Generator (Evgeny Khoroshilov) 2 tools , exploration , code-generation , css Design Token Validator and )1 tools , exploration , optimization , conformance 