All Projects → design-tokens → Community Group

design-tokens / Community Group

Licence: other
This is the official DTCG repository for the design tokens specification.

Projects that are alternatives of or similar to Community Group

web-components
A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+
Stars: ✭ 322 (-32.92%)
Mutual labels:  design-systems, design-system
playbook
Playbook Design System
Stars: ✭ 17 (-96.46%)
Mutual labels:  design-systems, design-system
moon-design
Moon Design System for React
Stars: ✭ 209 (-56.46%)
Mutual labels:  design-systems, design-system
Vue Design System
An open source tool for building UI Design Systems with Vue.js
Stars: ✭ 2,077 (+332.71%)
Mutual labels:  design-system, design-systems
pebble
Pebble Design System
Stars: ✭ 14 (-97.08%)
Mutual labels:  design-systems, design-system
Argon Design System
Argon - Design System for Bootstrap 4 by Creative Tim
Stars: ✭ 2,307 (+380.63%)
Mutual labels:  design-system, design-systems
shared-react-components-example
An example of a mono-repository of shared React components libraries!
Stars: ✭ 85 (-82.29%)
Mutual labels:  design-systems, design-system
Interior
Design system for the modern web.
Stars: ✭ 77 (-83.96%)
Mutual labels:  design-system, design-systems
Daisyui
⭐️ ⭐️ ⭐️ ⭐️ ⭐️  Tailwind Components
Stars: ✭ 382 (-20.42%)
Mutual labels:  design-system, design-systems
helsinki-design-system
Components, principles, documentation and templates for the City of Helsinki design system.
Stars: ✭ 82 (-82.92%)
Mutual labels:  design-systems, design-system
React
Modern and minimalist React UI library.
Stars: ✭ 2,546 (+430.42%)
Mutual labels:  design-system, design-systems
Prism
Gett's Design System code generator. Use Zeplin Styleguides as your R&D's Single Source of Truth.
Stars: ✭ 308 (-35.83%)
Mutual labels:  design-system, design-systems
Vue Cion Design System
CION - Design system boilerplate for Vue.js
Stars: ✭ 119 (-75.21%)
Mutual labels:  design-system, design-systems
Awesome Design Systems
A curated list of bookmarks, resources and articles about design systems focused on developers.
Stars: ✭ 222 (-53.75%)
Mutual labels:  design-system, design-systems
Css
The CSS design system that powers GitHub
Stars: ✭ 10,670 (+2122.92%)
Mutual labels:  design-system, design-systems
design-systems
A list of famous design systems, design languages and guidelines
Stars: ✭ 403 (-16.04%)
Mutual labels:  design-systems, design-system
Design System
Priceline.com Design System
Stars: ✭ 604 (+25.83%)
Mutual labels:  design-system, design-systems
sketch wireframing kit
Quick Sketchapp wireframing tool for UK government digital services
Stars: ✭ 74 (-84.58%)
Mutual labels:  design-systems, design-system
Welcome Ui
Customizable design system of @wttj with react • styled-components • styled-system • reakit
Stars: ✭ 256 (-46.67%)
Mutual labels:  design-system, design-systems
Awesome Design Tokens
A list of resources on all things to do with Design Tokens
Stars: ✭ 338 (-29.58%)
Mutual labels:  design-system, design-systems

Design Tokens W3C 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.

Roadmap

The DTCG was founded in June 2019. By the end of 2019, our aim is to have a standard working across at least 3 design or prototyping tools.

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

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:

a tweet by @jina, posted on the 14th of November 2018 – "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."

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].