Topic: style-dictionary Goto Github
Some thing interesting about style-dictionary
Some thing interesting about style-dictionary
style-dictionary,A tool for synchronizing Spark design tokens between Figma and our three platforms (web, Android, iOS).
Organization: adevinta
style-dictionary,Build system of design-tokens for any platforms
Organization: bem
style-dictionary,figma-tokens
User: bzenky
style-dictionary,Utility that uses Style Dictionary to generate design tokens from Tokens Studio
User: c5fr7q
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…).
Organization: cds-snc
Home Page: https://design-system.alpha.canada.ca/
style-dictionary,Design system for Education Projects
Organization: chanzuckerberg
Home Page: https://chanzuckerberg.github.io/edu-design-system/
style-dictionary,A toolchain for Figma design tokens, enabling designers and developers to extract, transform, and distribute design decisions as code
Organization: convertiv
Home Page: https://www.handoff.com/
style-dictionary,Testimonials grid section. Using Design Tokens from Figma, build with style-dictionary.
User: dgatialy
style-dictionary,Brand design decisions (e.g., design tokens) built with AWS Style Dictionary
Organization: dicaire
style-dictionary,A demonstration of a setup of Style Dictionary to be used for the generation of design tokens
User: didoo
style-dictionary,🪸 Coral Design System by DiveTool
Organization: divetool
style-dictionary,Design Tokens generation library
Organization: elementsinteractive
style-dictionary,Tailwind CSS color palette exported as design tokens in a variety of formats
User: gmlnchv
style-dictionary,Design tokens are all the values needed to construct and maintain a design system — spacing, color, fonts, opacity, etc..
Organization: gsoft-inc
Home Page: https://gsoft-inc.github.io/ov-igloo-tokens/
style-dictionary,A simple static site with information about the coronavirus and how to protect yourself
User: in-in
Home Page: https://corona-virus.vercel.app
style-dictionary,An adaptive and mobile friendly landing page for an international design and development agency
User: in-in
Home Page: https://lithia.vercel.app
style-dictionary,Design Tokens, Assets, and Planning for the Infor Design System
Organization: infor-design
Home Page: https://design.infor.com
style-dictionary,astro + turborepo + lit2 web components + Style Dictionary
Organization: inlinejs
style-dictionary,Generate JSON schemas for style-dictionary files to improve text editor support
User: jakobw
style-dictionary,Design tokens generator & CSS pipeline template using Style Dictionary. 🎨
User: joduplessis
style-dictionary,Starter file for Style Dictionary, using Radix UI colors with custom output formats for Figma Tokens plugin and JS.
User: jordangeizer
style-dictionary,Figma plugin for importing Style Dictionary JSON as variables
User: josephnle
Home Page: https://www.figma.com/community/plugin/1254182310197842774/Style-Dictionary-to-Variables
style-dictionary,A style dictionary that encodes design tokens from the Rubin Visual Identity.
Organization: lsst-sqre
Home Page: https://squareone.lsst.io/packages/rubin-style-dictionary/index.html
style-dictionary,SvelteKit + Style Dictionary = Design Tokens
User: ltwmori
style-dictionary,🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.
User: lukasoppermann
Home Page: https://www.figma.com/community/plugin/888356646278934516/Design-Tokens
style-dictionary,A package of transforms, formats, filters, etc. to use in your style dictionary config to transform your design tokens
User: lukasoppermann
style-dictionary,Product Kit Core provides design tokens for the Mercedes-Benz Tech Innovation styleguide.
Organization: mercedes-benz
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.
User: michaelmang
Home Page: https://www.michaelmang.dev/blog/exporting-design-tokens-from-figma-with-style-dictionary
style-dictionary,Export your Design System Tokens to css-variables reference and use them with TailwindCSS
Organization: mirahi-io
style-dictionary,Sample project showing usage of W3C Design Tokens in Style Dictionary
User: mryechkin
Home Page: https://youtu.be/RcxP0RePlVU
style-dictionary,This is a plugin to generate the config of Tailwind CSS using Style Dictionary
User: nado1001
Home Page: https://www.npmjs.com/package/sd-tailwindcss-transformer
style-dictionary,figma tokens automate ci example
User: natanaelvich
style-dictionary,A collection of demos of various libraries in React.
User: nishkohli96
Home Page: https://react-libs-nish1896.netlify.app/
style-dictionary,Keyboard crafted https://nx.dev plugins for your workspace
Organization: nxkit
style-dictionary,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.
User: nyan-matt
style-dictionary,Ocean DS Design Tokens
Organization: ocean-ds
Home Page: https://ocean-ds.github.io/ocean-tokens
style-dictionary,『デザイントークンのつくりかた』5 章「ビルドシステムをつくる」のサポートコンテンツです。
User: putchom
Home Page: https://putchom.square.site/shop/-/2
style-dictionary,The Elodin Styling Language
User: robinweser
Home Page: http://elodin-lang.org
style-dictionary,Find information about the next movie you're going to watch in the company of a nice Chicken Box 🍗🎬
User: samuelematias
style-dictionary,🧪 Manages and publishes Design Tokens for Lyne Design System
Organization: sbb-design-systems
style-dictionary,Design Tokens and CSS helpers for BPM Suite products.
Organization: seniorsa
Home Page: https://www.npmjs.com/package/@seniorsistemas/tecnologia-design-tokens
style-dictionary,React component to view/edit design tokens via style-dictionary
User: sergei-maertens
Home Page: https://sergei-maertens.github.io/design-token-editor/
style-dictionary,The open-source mono-repository for the design reference, components libraries and documentations of Fractal, Snowball's design system.
Organization: snowball-tech
Home Page: https://fractal.snowball.xyz
style-dictionary,11 plugins for Figma.
User: solygambas
style-dictionary,Specify helps you unify your brand identity by collecting, storing and distributing design tokens and assets — automatically.
Organization: specifyapp
Home Page: https://specifyapp.com
style-dictionary,A Design System based on Style Dictionary Tokens, converted into TailwindCSS Objects, which are then imported into the tailwind.config.js.
User: stefankandlbinder
Home Page: https://stylewind.netlify.app/
style-dictionary,Supernova Style Dictionary exporter allows conversion of design system data and elements into valid, production-ready style dictionary JSON definitions
Organization: supernova-studio
style-dictionary,Design Token Automations
Organization: theemo-tokens
Home Page: https://theemo.io
style-dictionary,This is the repo/package with utils for Style Dictionary
Organization: tokens-bruecke
style-dictionary,An example repo with design tokens auto-deploy. The repo is using Github actions, style dictionary and tokens-bruecke sd-utils.
Organization: tokens-bruecke
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.