This is the official DTCG repository for the design tokens specification (W3C community group page).
Design tokens are indivisible pieces of a design system such as colors, spacing, typography scale.
Design tokens were created by the Salesforce design system team, and the name comes from them (Jon & Jina).
Sharing design properties such as a color palette across many tools and platforms should be simple.
The DTCG's goal is to provide standards upon which products and design tools can rely for sharing stylistic pieces of a design system at scale.
We believe that a common way to share design tokens will unlock efficiency opportunities for plugins, design system teams, product teams, and end-users of design tools.
Browse the latest technical reports (Instructions for editing technical reports).
Allow anyone to become familiar with design tokens. Empower people, no matter what their skills and tool choices are, as they develop new mental models, acquire skills, and implement tools to scale design in their projects.
Everyone is welcome to join the conversation and share use-cases with the community.
Stay focused on the smallest surface area necessary to cover the most commonly referenced use-cases. Be a platform that opens the door to a wide range of possibilities. This small footprint helps maintain simplicity with zero dependencies.
Extensibility allows the community to incubate new ideas that will define the future of design tokens.
Provide a stable foundation that users and tool makers can put in place and depend on in the long term. For example, by using existing and trusted standards (unless conflicting with the two first principles).
The community group is composed of UX professionals, developers, and representants of design tooling vendors.
To achieve a v1 of the specification rapidly, its structure is restricted to a small, focused amount of people, organized in task forces.
As vendors adopt the specification and new requirements appear, the community group will consist of additional task forces.
- Abstract
- Adobe
- Alaska Airlines
- Amazon
- Atlassian
- Chroma
- Divriots
- Dynatrace
- Figma
- Framer
- Herman + Accoutrement
- Interplay
- InVision
- Kaspersky
- Knapsack
- Lona
- Marvel
- Microsoft
- Open edX
- Penpot
- Philips Design
- Salesforce
- Sass
- Shopify
- Sketch
- Specify
- Sprout Social
- Style Dictionary
- Superposition
- Supernova
- system-ui
- Toolabs
- Tokens Studio
- Universal Design Tokens
- Zendesk
- Zeplin
- zeroheight
- ex-contributors to Theo (by Salesforce)
See CONTRIBUTING.md.
We acknowledge that the format specification is only part of an ecosystem, supporting methods and practices that relate to scaling design tokens:
Design Tokens are a methodology. IMHO, saying "design tokens are just variables" is like saying "responsive design is just media queries". It's a technology-agnostic architecture and process for scaling design across multiple platforms and devices, including native, and more. — @jina on Twitter