Design Tokens Community Group

This is the official DTCG repository for the design tokens specification (W3C community group page).

Design tokens

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).

Goal of the DTCG

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.

Read the charter in full.

Browse the latest technical reports (Instructions for editing technical reports).

Principles

1. Inclusive

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.

2. Focused, yet extensible

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.

3. Stable

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).

Who sits on the DTCG

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.

Companies and open-source projects represented on the DTCG

• Abstract
• Adobe
• Alaska Airlines
• Amazon
• Atlassian
• Chroma
• Divriots
• Dynatrace
• Figma
• Framer
• Google
• Herman + Accoutrement
• Interplay
• InVision
• Kaspersky
• Knapsack
• Lona
• Marvel
• Microsoft
• Modulz
• Philips Design
• Salesforce
• Sass
• Shopify
• Sketch
• Specify
• Sprout Social
• Style Dictionary
• Superposition
• Supernova
• system-ui
• Toolabs
• Universal Design Tokens
• Zendesk
• Zeplin
• zeroheight
• ex-contributors to Theo (by Salesforce)

Contributing

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