A demonstration of a setup of Style Dictionary to be used for the generation of design tokens

The Elodin Styling Language

A Design System based on Style Dictionary Tokens, converted into TailwindCSS Objects, which are then imported into the tailwind.config.js.

Product Kit Core provides design tokens for the Mercedes-Benz Tech Innovation styleguide.

Export your Design System Tokens to css-variables reference and use them with TailwindCSS

『デザイントークンのつくりかた』5 章「ビルドシステムをつくる」のサポートコンテンツです。

Generate JSON schemas for style-dictionary files to improve text editor support

KfW Design Tokens – the single source of truth for designing KfW-branded digital products

Design tokens are all the values needed to construct and maintain a design system — spacing, color, fonts, opacity, etc..

Ocean DS Design Tokens

Sample project showing usage of W3C Design Tokens in Style Dictionary

A tool for synchronizing Spark design tokens between Figma and our three platforms (web, Android, iOS).

A style dictionary that encodes design tokens from the Rubin Visual Identity.

Utility that uses Style Dictionary to generate design tokens from Tokens Studio

Starter file for Style Dictionary, using Radix UI colors with custom output formats for Figma Tokens plugin and JS.

11 plugins for Figma.

A GitHub Action to transform and process design tokens exported from Tokens Studio.

figma-tokens

Tailwind CSS color palette exported as design tokens in a variety of formats

figma tokens automate ci example