Design Tokens Community Group
@DesignTokens
Followers
7K
Following
343
Media
5
Statuses
150
Design Tokens are a technology-agnostic methodology, architecture, & process for scaling design across tools, devices, & platforms. Chairs: @kaelig @jina @vlh
Your design system
Joined June 2019
š¢ Call to implement the Design Tokens Format Module Second Editorsā Draft and share feedback.
18
20
74
Hats off to the @penpotapp team for this monumental implementation of design tokens in their open-source design tool š„³.
Importing & Exporting Tokens (JSON). Learn how to smoothly import and export tokens as JSON files in Penpot. And also, how Penpot manages invalid tokens and ensures easy collaboration between design and code.
1
1
12
In progress: Modes + Resolvers spec. This will enable theming.
0
1
8
Color spec updates in review:. - Color Module - First Draft. - Color format adjustments.
1
1
6
Recently merged: āProposal: add $deprecated propertyā.
github.com
Summary This adds a new $deprecated property for both tokens and groups as suggested by @romainmenke. Reasoning This PR basically accepts #118 as-proposed (the original proposal), while taking into...
1
1
5
Everyone, please welcome our recently added editors to the team:. - Drew Powers, design engineer at @Figma.- @mikekamminga, co-founder of @TokensStudio.
1
2
7
Hope everyoneās new year is off to a good start!. š§µ A thread of some recent DTCG news:.
1
7
13
Weāve been quiet over the past few months, but weāre still active!. In fact, breakthroughs were made in our latest spec meetings and we canāt wait to share more. Massive thanks to the community for their understanding, these things take time šš».
@jimmy_morris Hey Jimmy āĀ weāre still active ā¤ļø. Our focus is on native modes and theming support, a *big* undertaking š (see . Recently, @TokensStudio and Cobalt joined our spec meetings and are already bringing amazing fresh ideas āØ. More on this very soon!.
5
2
22
RT @EstherCheran: Store your design tokens in W3C DTCG compatible format. Coming soon to Tokens Studio š . @DesignTokens .
0
11
0
RT @mryechkin: New video! š¢. Learn how to use W3C @DesignTokens with Style Dictionary and @lukasoppermann's Style Dictionary Utils to turnā¦.
0
4
0
RT @kaelig: Reflecting on ~4 years of @DesignTokens ahead of our upcoming all-hands meeting: 400+ participants from all over tech, media, eā¦.
0
4
0
A quick update: the team is taking a break and will regroup in early 2024. Enjoy the holidays, everyone!.
0
4
19
RT @ChucKN0risK: I envision the same world but an even broader one. A design API that would power tokens and assets everywhere within an orā¦.
0
3
0
RT @AdamSedwick: On behalf of @designtokens:.Weāre looking to update and refresh We've got some educational resourā¦.
0
8
0
Building a design tool, a design token management platform, Figma plugin, or a design system using design tokens? Your voice matters!. Join the conversation with 350+ professionals from Figma, Adobe, Sketch, Microsoft, Amazon, Google, Atlassian, Shopify.
0
2
16
Token management platforms and plugins such as and @specifyapp already support importing/exporting variables from and to .tokens.json files, and many others will too.
tokens.studio
We empower brands and product teams to scale efficiently, enhance collaboration, and innovate with consistency and quality - in design tools and our upcoming platform. Manage your brands at scale -...
4
2
16
Other folks in the community are already working on similar plugins, for example by @TravisSpomer that allows importing .tokens.json files into Figma.
figma.com
This plugin lets you batch import a bunch of variables from a single JSON file, or multiple modes from multiple JSON files. It's intended as a temporary solution until native JSON import and export...
3
1
12
To show their intent to support the Design Tokens specification since the launch of Variables, Figma provided a plugin allowing import/export of DTCG-compliant JSON files: (developed by @jak___e š).
github.com
š Sample Figma plugins. Contribute to figma/plugin-samples development by creating an account on GitHub.
2
0
14
The proposed āmodesā represent alternative sets of values for a collection of design tokens, a feature that will allow designers to have distinct values for each mode. This would help teams deliver more dynamic & flexible design systems, and Figma provides a great testing ground.
1
0
9
Figma is actively collaborating with us on adding native support for āModesā in the specification, allowing theming capabilities for dark mode, high-contrast, multiple brands, spacing density preferences, and more. @pwnies opened a proposal here:
github.com
We're currently working on native support for tokens internally here at Figma. In our eyes there are two core use cases that stem from customer requests for design tokens: Token aliasing (i.e. ...
1
1
17