A demonstration of a setup of Style Dictionary to be used for the generation of design tokens
-
Updated
Jan 6, 2023 - JavaScript
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
Generate JSON schemas for style-dictionary files to improve text editor support
『デザイントークンのつくりかた』5 章「ビルドシステムをつくる」のサポートコンテンツです。
Design tokens are all the values needed to construct and maintain a design system — spacing, color, fonts, opacity, etc..
A style dictionary that encodes design tokens from the Rubin Visual Identity.
Starter file for Style Dictionary, using Radix UI colors with custom output formats for Figma Tokens plugin and JS.
A tool for synchronizing Spark design tokens between Figma and our three platforms (web, Android, iOS).
A demo collection of various libraries in reactjs, using react 17.
Tailwind CSS color palette exported as design tokens in a variety of formats
11 plugins for Figma.
Sample project showing usage of W3C Design Tokens in Style Dictionary
An adaptive and mobile friendly landing page for an international design and development agency
Brand design decisions (e.g., design tokens) built with AWS Style Dictionary
Add a description, image, and links to the style-dictionary topic page so that developers can more easily learn about it.
To associate your repository with the style-dictionary topic, visit your repo's landing page and select "manage topics."