Design Tokens

Generate and manage design tokens for your design system

How can we get better at naming? This post is dedicated to naming conventions, tips, and real-world examples that help you name things in a robust and flexible way.

Convert JSON design tokens into CSS in the browser.

This article covers how we evolved our tokens at Intuit to create a flexible taxonomy for a small but powerful set of semantic tokens.

Figma Community file — Slide deck for How design tokens can make us better collaborators at Config 2022.

Design, build, and ship coherent experiences with Nordhealth’s design system.

Learn how to effectively name your design tokens in a systematic and future proof way. Understand all key concepts used today.

This document describes the technical specification for a file format to exchange design tokens between different tools.

🧵 Here’s the tea on Design Tokens for Twitter’s new Visual Design Language. Specifically, the learnings that I gained working on Android, iOS, and Web for the Revenue, Marketing, and Consumer design systems.(1/7) pic.twitter.com/4FZkyJTkmk— Edward Wang 🍁 (@EdDaWord) August 11, 2021

I don't want to make too many assumptions but it really feels like this summary of "design tokens" is just talking about human language https://t.co/t4rFko63xd

Spectrum provides interface components, resources, and tools to help teams work more efficiently and to make applications more consistent.

In this article I will show you all the cool things people are doing to document design tokens. Hopefully, you will learn something new you can take back to your design system. Before we get started, a few quick notes.

Terms, Types, and Taxonomy to Describe Visual Style

Diez radically reduces the cost of delivering a consistent visual identity across your company’s apps & websites.