A toolchain for Figma design tokens, enabling designers and developers to extract, transform, and distribute design decisions as code
-
Updated
May 23, 2024 - TypeScript
A toolchain for Figma design tokens, enabling designers and developers to extract, transform, and distribute design decisions as code
The open-source mono-repository for the design reference, components libraries and documentations of Fractal, Snowball's design system.
🧪 Manages and publishes Design Tokens for Lyne Design System
Design Token Automations
Utilities to use in your style dictionary config
Design Tokens, Assets, and Planning for the Infor Design System
This is a plugin to generate the config of Tailwind CSS using Style Dictionary
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…).
Design system for Education Projects
A tool for synchronizing Spark design tokens between Figma and our three platforms (web, Android, iOS).
Design Tokens Library for Wayne's Micro Design System
Design tokens are all the values needed to construct and maintain a design system — spacing, color, fonts, opacity, etc..
A demo collection of various libraries in reactjs, using react 17.
🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.
Supernova Style Dictionary exporter allows conversion of design system data and elements into valid, production-ready style dictionary JSON definitions
Node scripts for generating color and typography tokens from a set of primitive values.
Style Dictionary Tokens To Tailwind Converter using Storybook
OutComers Design Tokens
React component to view/edit design tokens via 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."