Code Monkey home page Code Monkey logo

community-group's Introduction

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

community-group's People

Contributors

applinist avatar blackfalcon avatar bomberstudios avatar chasemccoy avatar chuckn0risk avatar dontcallmedom avatar eisenbergeffect avatar evanlovely avatar ffriedl89 avatar jina avatar kaelig avatar kilian avatar kvnsmth avatar mirisuzanne avatar nagueva avatar robintindale avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.