There are 1 repository under style-dictionary topic.
🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.
A demonstration of a setup of Style Dictionary to be used for the generation of design tokens
A package of transforms, formats, filters, etc. to use in your style dictionary config to transform your design tokens
This is a plugin to generate the config of Tailwind CSS using Style Dictionary
Specify helps you unify your brand identity by collecting, storing and distributing design tokens and assets — automatically.
Design Tokens, Assets, and Planning for the Infor Design System
A toolchain for Figma design tokens, enabling designers and developers to extract, transform, and distribute design decisions as code
The Elodin Styling Language
Design system for Education Projects
Design Token Automations
A Design System based on Style Dictionary Tokens, converted into TailwindCSS Objects, which are then imported into the tailwind.config.js.
The open-source mono-repository for the design reference, components libraries and documentations of Fractal, Snowball's design system.
Figma plugin for importing Style Dictionary JSON as variables
A package for receiving generated design tokens and exporting platform deliverables using Style Dictionary. This is part of a series of tutorials for my design tokens ebook that is in the works.
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
This repo demonstrates a simple design automation workflow that handles design tokens, their transformation to css vars, and pushing updated css files to another project repo.
Generate JSON schemas for style-dictionary files to improve text editor support
Supernova Style Dictionary exporter allows conversion of design system data and elements into valid, production-ready style dictionary JSON definitions
Design tokens are all the values needed to construct and maintain a design system — spacing, color, fonts, opacity, etc..
『デザイントークンのつくりかた』5 章「ビルドシステムをつくる」のサポートコンテンツです。
React component to view/edit design tokens via style-dictionary
A tool for synchronizing Spark design tokens between Figma and our three platforms (web, Android, iOS).
Design Tokens generation library
A style dictionary that encodes design tokens from the Rubin Visual Identity.
Find information about the next movie you're going to watch in the company of a nice Chicken Box 🍗🎬
Starter file for Style Dictionary, using Radix UI colors with custom output formats for Figma Tokens plugin and JS.
🧪 Manages and publishes Design Tokens for Lyne Design System
GC Design System Tokens are the smallest building blocks of GC Design System, represent design decisions for basic elements like colour, typography, and spacing. | Les jetons Système de design GC sont les plus petits blocs de construction du système et représentent les choix de design pour les éléments de base (couleur, typographie, espacement…).
Sample project showing usage of W3C Design Tokens in Style Dictionary