🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.
-
Updated
Dec 12, 2025 - TypeScript
#
style-dictionary
Here are 77 public repositories matching this topic...
Color, typography, and spacing primitives in json.
-
Updated
Dec 11, 2025 - TypeScript
A demonstration of a setup of Style Dictionary to be used for the generation of design tokens
-
Updated
Jan 6, 2023 - JavaScript
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.
-
Updated
Nov 17, 2021
A package of transforms, formats, filters, etc. to use in your style dictionary config to transform your design tokens
-
Updated
Dec 18, 2025 - TypeScript
Supernova Style Dictionary exporter allows conversion of design system data and elements into valid, production-ready style dictionary JSON definitions
-
Updated
May 23, 2024 - TypeScript
This is a plugin to generate the config of Tailwind CSS using Style Dictionary
-
Updated
Dec 15, 2025 - TypeScript
Specify helps you unify your brand identity by collecting, storing and distributing design tokens and assets — automatically.
design react-native assets jss design-tokens parsers svgo css-custom-properties design-system tailwindcss style-dictionary design-ops theme-ui design-api
-
Updated
Aug 30, 2024 - TypeScript
Build system of design-tokens for any platforms
-
Updated
Dec 11, 2022 - TypeScript
Keyboard crafted https://nx.dev plugins for your workspace
monorepo design-tokens nx nx-workspace style-dictionary playwright nx-plugin nx-playwright nx-style-dictionary
-
Updated
Nov 13, 2024 - TypeScript
A toolchain for Figma design tokens, enabling designers and developers to extract, transform, and distribute design decisions as code
css bootstrap scss design-tokens figma handoff design-system figma-api style-dictionary figma-plugin
-
Updated
Dec 20, 2025 - TypeScript
A tool for synchronizing Spark design tokens between Figma and our three platforms (web, Android, iOS).
-
Updated
Oct 22, 2025 - JavaScript
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…).
-
Updated
Dec 18, 2025 - CSS
Product Kit Core provides design tokens for the Mercedes-Benz Tech Innovation styleguide.
-
Updated
Dec 13, 2023 - JavaScript
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.
-
Updated
Sep 28, 2025 - CSS
Design system for Learning Commons Projects
-
Updated
Dec 19, 2025 - TypeScript
🧪 Manages and publishes Design Tokens for Lyne Design System
-
Updated
Dec 20, 2025 - TypeScript
The open-source mono-repository for the design reference, components libraries and documentations of Fractal, Snowball's design system.
react javascript stylelint styleguide typescript yarn snowball storybook lodash design-tokens figma design-system testing-library style-dictionary mono-repository vercel turborepo yarn3
-
Updated
Dec 17, 2025 - TypeScript
A Design System based on Style Dictionary Tokens, converted into TailwindCSS Objects, which are then imported into the tailwind.config.js.
-
Updated
Dec 5, 2022 - JavaScript
Export your Design System Tokens to css-variables reference and use them with TailwindCSS
-
Updated
Jul 20, 2023 - JavaScript
Improve this page
Add a description, image, and links to the style-dictionary topic page so that developers can more easily learn about it.
Add this topic to your repo
To associate your repository with the style-dictionary topic, visit your repo's landing page and select "manage topics."