GitHub topics: style-dictionary

Repositories

lukasoppermann/style-dictionary-utils

A package of transforms, formats, filters, etc. to use in your style dictionary config to transform your design tokens

Language: TypeScript - Size: 1.18 MB - Last synced at: 4 days ago - Pushed at: about 2 months ago - Stars: 191 - Forks: 19

devexcelsior/nolow-tokens

Scalable token-driven design system foundation for multi-brand ecosystems.

Language: JavaScript - Size: 83 KB - Last synced at: 4 days ago - Pushed at: 4 days ago - Stars: 0 - Forks: 0

sbb-design-systems/lyne-design-tokens

🧪 Manages and publishes Design Tokens for Lyne Design System

Language: TypeScript - Size: 12.5 MB - Last synced at: 5 days ago - Pushed at: 5 days ago - Stars: 3 - Forks: 3

theemo-tokens/theemo

Design Token Automations

Language: TypeScript - Size: 12.2 MB - Last synced at: 6 days ago - Pushed at: 6 days ago - Stars: 28 - Forks: 2

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…).

Language: CSS - Size: 1.51 MB - Last synced at: 8 days ago - Pushed at: 8 days ago - Stars: 5 - Forks: 5

Convertiv/handoff-app

A toolchain for Figma design tokens, enabling designers and developers to extract, transform, and distribute design decisions as code

Language: TypeScript - Size: 6.79 MB - Last synced at: 4 days ago - Pushed at: 4 days ago - Stars: 84 - Forks: 5

chanzuckerberg/edu-design-system

Design system for Education Projects

Language: TypeScript - Size: 48.3 MB - Last synced at: 7 days ago - Pushed at: 7 days ago - Stars: 31 - Forks: 4

snowball-tech/fractal

The open-source mono-repository for the design reference, components libraries and documentations of Fractal, Snowball's design system.

Language: TypeScript - Size: 13.9 MB - Last synced at: 3 days ago - Pushed at: 26 days ago - Stars: 30 - Forks: 3

nado1001/style-dictionary-tailwindcss-transformer

This is a plugin to generate the config of Tailwind CSS using Style Dictionary

Language: TypeScript - Size: 1.01 MB - Last synced at: 2 days ago - Pushed at: 3 days ago - Stars: 135 - Forks: 16

serendie/style-dictionary-formatter

the style-dictionary formatter of Serendie Design System

Language: TypeScript - Size: 125 KB - Last synced at: 27 days ago - Pushed at: 27 days ago - Stars: 0 - Forks: 0

netoum/designex_cli

Get easily started with design tokens using Designex CLI. Features a wide range of templates, pre-built configurations, and live reloading for seamless design tokens integration.

Language: TypeScript - Size: 640 KB - Last synced at: about 1 month ago - Pushed at: 2 months ago - Stars: 5 - Forks: 0

didoo/style-dictionary-demo

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

Language: JavaScript - Size: 195 KB - Last synced at: about 1 month ago - Pushed at: over 2 years ago - Stars: 171 - Forks: 29

leboncoin/spark-tokens

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

Language: JavaScript - Size: 2.33 MB - Last synced at: about 1 month ago - Pushed at: about 2 months ago - Stars: 5 - Forks: 4

nxkit/nxkit

Keyboard crafted https://nx.dev plugins for your workspace

Language: TypeScript - Size: 1.18 MB - Last synced at: 28 days ago - Pushed at: 6 months ago - Stars: 45 - Forks: 6

workleap/ov-igloo-tokens

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

Language: JavaScript - Size: 1.52 MB - Last synced at: 10 days ago - Pushed at: 2 months ago - Stars: 7 - Forks: 1

artursopelnik/style-dictionary-extend-design-tokens

Extend design tokens from Style Dictionary for themable design systems using Node.

Language: TypeScript - Size: 30.3 KB - Last synced at: about 1 month ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

Design-System-Pro/token-tinker

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

Language: JavaScript - Size: 2.43 MB - Last synced at: about 1 month ago - Pushed at: 5 months ago - Stars: 1 - Forks: 0

bem/themekit

Build system of design-tokens for any platforms

Language: TypeScript - Size: 1.01 MB - Last synced at: 5 days ago - Pushed at: over 2 years ago - Stars: 74 - Forks: 11

solygambas/figma-plugins

11 plugins for Figma.

Language: JavaScript - Size: 2.84 MB - Last synced at: 25 days ago - Pushed at: about 2 years ago - Stars: 2 - Forks: 0

artursopelnik/style-dictionary-with-dark-mode

Use Style Dictionary with integrated dark mode support and TypeScript to efficiently create and manage cross-platform design tokens.

Language: CSS - Size: 32.2 KB - Last synced at: 2 months ago - Pushed at: 4 months ago - Stars: 3 - Forks: 0

jakobw/style-dictionary-format-json-schema

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

Language: JavaScript - Size: 221 KB - Last synced at: about 1 month ago - Pushed at: over 4 years ago - Stars: 9 - Forks: 1

bartoszrajchert/design-tokens-demo

This demo was part of "Design Tokens 101: Practical Knowledge in 60 minutes" presentation for DesignDNA.

Language: CSS - Size: 26.4 KB - Last synced at: about 1 month ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

marcomo/token-generator

Node scripts for generating color and typography tokens from a set of primitive values.

Language: TypeScript - Size: 263 KB - Last synced at: 2 months ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

Design-System-Pro/tokens

Repository of design tokens published by DS platform

Size: 81.1 KB - Last synced at: 2 months ago - Pushed at: 6 months ago - Stars: 0 - Forks: 0

lukasoppermann/design-tokens

🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.

Language: TypeScript - Size: 14.6 MB - Last synced at: 6 months ago - Pushed at: 8 months ago - Stars: 961 - Forks: 134

mercedes-benz/product-kit_core 📦

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

Language: JavaScript - Size: 699 KB - Last synced at: 9 days ago - Pushed at: over 1 year ago - Stars: 17 - Forks: 5

mirahi-io/figma-tokens-example-tailwindcss-using-css-variables-reference

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

Language: JavaScript - Size: 949 KB - Last synced at: 2 days ago - Pushed at: almost 2 years ago - Stars: 12 - Forks: 3

infor-design/design-system

Design Tokens, Assets, and Planning for the Infor Design System

Language: CSS - Size: 92.3 MB - Last synced at: 24 days ago - Pushed at: 8 months ago - Stars: 69 - Forks: 15

nishkohli96/react-libs

A collection of demos of various libraries in React.

Language: TypeScript - Size: 6.8 MB - Last synced at: 27 days ago - Pushed at: 9 months ago - Stars: 2 - Forks: 0

ocean-ds/ocean-tokens

Ocean DS Design Tokens

Language: JavaScript - Size: 1.56 MB - Last synced at: about 1 month ago - Pushed at: 8 months ago - Stars: 7 - Forks: 2

Specifyapp/parsers

Specify helps you unify your brand identity by collecting, storing and distributing design tokens and assets — automatically.

Language: TypeScript - Size: 1.21 MB - Last synced at: 9 months ago - Pushed at: 11 months ago - Stars: 111 - Forks: 15

samuelematias/chicken_box_time

Find information about the next movie you're going to watch in the company of a nice Chicken Box 🍗🎬

Language: Dart - Size: 16.2 MB - Last synced at: 24 days ago - Pushed at: about 3 years ago - Stars: 4 - Forks: 0

Allyhere/figma-to-style-dictionary

A meta desse projeto é estabelecer uma conexão do front com o design system de forma que os tokens que são a unidade básica e imutável de todos os nossos componentes se mantenham consistentes com as possívels alterações do DS com o tempo, de forma agnóstica de plataforma.

Language: JavaScript - Size: 21.5 KB - Last synced at: 12 months ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

waynestedman/design-tokens-library

Design Tokens Library for Wayne's Micro Design System

Language: JavaScript - Size: 1.02 MB - Last synced at: 12 months ago - Pushed at: 12 months ago - Stars: 0 - Forks: 0

Supernova-Studio/exporter-style-dictionary

Supernova Style Dictionary exporter allows conversion of design system data and elements into valid, production-ready style dictionary JSON definitions

Language: TypeScript - Size: 163 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 5 - Forks: 12

nyan-matt/token-demo-src

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.

Language: CSS - Size: 85 KB - Last synced at: about 1 year ago - Pushed at: over 1 year ago - Stars: 8 - Forks: 4

kowright/prototype-storybook

Style Dictionary Tokens To Tailwind Converter using Storybook

Language: TypeScript - Size: 1.16 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

yashiel/outcomers-token

OutComers Design Tokens

Language: Objective-C - Size: 827 KB - Last synced at: about 12 hours ago - Pushed at: 5 months ago - Stars: 0 - Forks: 0

t18n/convert-design-token

Convert json design tokens to TS, JS for React Native, CSS variables and SCSS variables using style-dictionary

Language: JavaScript - Size: 14.6 KB - Last synced at: 2 months ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

michaelmang/style-dictionary

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.

Size: 27.3 KB - Last synced at: about 2 months ago - Pushed at: over 3 years ago - Stars: 19 - Forks: 22