design-tokens

Star

Here are 55 public repositories matching this topic...

system-ui / theme-ui

Star

Build consistent, themeable React apps based on constraint-based design principles

react theme color design ui layout typography style emotion design-tokens mdx design-system

Updated Jul 13, 2020
TypeScript

salesforce-ux / theo

Star

Theo is a an abstraction for transforming and formatting Design Tokens

design-systems design-tokens

Updated Jul 16, 2020
JavaScript

amzn / style-dictionary

Star

A build system for creating cross-platform styles.

styleguide design-systems cross-platform style build-tool build-system design-tokens design-tools style-tokens

Updated Jul 17, 2020
JavaScript

diez / diez

Star

The Design Token Framework — Adopt a unified design language across platforms, codebases, and teams

design-systems cross-platform compiler style design-tokens android-style design-language ios-style web-styles

Updated Jun 24, 2020
TypeScript

mrmartineau / design-system-utils

Star

👩‍🎨 Access your design tokens with ease

react typescript preact styled-components emotion css-in-js tokens design-tokens

Updated Mar 6, 2020
TypeScript

design-tokens / community-group

Star

This is the official DTCG repository for the design tokens specification.

design-systems design-tokens design-system

Updated Jan 20, 2020

system-ui / theme-specification

Star

A specification for defining theme objects & design tokens for use with UI components

css design design-systems themes theming design-tokens

Updated Jun 29, 2019

mikaelvesavuori / figmagic

Star

Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents.

ux tokens design-tokens figma theo design-specs figma-api

Updated Jul 12, 2020
JavaScript

UX-and-I / storybook-design-token

Star

The Storybook Design Token Addon allows you to generate design token documentation from your stylesheets.

react design-pattern angular vue storybook design-tokens design-system storybook-addon

Updated Jul 3, 2020
TypeScript

Shopify / polaris-tokens

Star

Design tokens for Polaris, Shopify’s design system

design-systems shopify design-tokens polaris shopify-polaris

Updated Apr 13, 2020
TypeScript

visualjerk / vue-cion-design-system

Star

CION - Design system boilerplate for Vue.js

components design-systems vuejs vue design-tokens livingstyleguide living-documentation design-system

Updated Jul 17, 2020
HTML

ingrammicro / puzzle-tokens

Star

Batch create, manage and update Sketch styles and symbols using SCSS/LESS

css sass less design-systems sketch-plugin design-tokens

Updated Jun 26, 2020
JavaScript

didoo / style-dictionary-demo

Star

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

design-systems design-tokens style-dictionary

Updated Sep 18, 2018
JavaScript

universal-design-tokens / udt

Star

UDT spec, reference library and related packages

nodejs javascript parser design-systems serializer udt design-tokens

Updated Jul 17, 2020
TypeScript

opentable / design-tokens

Star

A place where OpenTable engineers and designers openly work together

design design-systems design-tokens

Updated Jul 15, 2020
JavaScript

basaltinc / knapsack

Star

Build Your Design System on Knapsack

design-systems patterns design-tokens design-system

Updated Jul 13, 2020
TypeScript

samjbmason / theme-ui-native

Star

Build consistent, themeable React Native apps based on constraint-based design principles

react theme color ui react-native layout typography style design-tokens design-system

Updated Mar 13, 2020
JavaScript

gustavoquinalha / design-tokens-generator

Star

Create your Semantic Style Variables (Universal language for developers and designers).

design-systems tokens design-tokens

Updated Jul 16, 2020
Vue

almazrafi / Fugen

Star

Swift code & resources generator for your Figma files

macos linux swift homebrew ios design-systems xcode tvos watchos cocoapods codegenerator codegen design-tokens figma figma-api xcode-assets

Updated Jun 9, 2020
Swift

ui-js / chromatic

Star

A build system for managing cross-platform design systems using design tokens.

design-systems design-tokens

Updated May 10, 2020
TypeScript

mikaelvesavuori / figmagic-example

Star

Using Figmagic (simplifying design token generation and asset extraction) with Webpack 4, React 16, Styled Components.

react boilerplate styled-components ux example tokens design-tokens figma theo design-specs webpack4 figma-api

Updated Jun 9, 2020
JavaScript

limitlessloop / mole

Star

A tool for managing design decision outputs for different platforms

theme design-systems template-engine cross-platform abstractions design-tokens

Updated Jul 17, 2020
JavaScript

kaelig / tokens2palettes-example

Star

Example showing how to transform design tokens into color palettes usable by designers

sketch design-tokens theo

Updated Feb 11, 2018
JavaScript

yarastqt / themekit

Star

Build system of design-tokens for any platforms.

build-system design-tokens design-system design-tool style-dictionary style-tokens

Updated Jul 14, 2020
TypeScript

kaelig / google-spreadsheets-theo

Star

Import Google Spreadsheets to a format digestable by Theo

design-systems design-tokens theo

Updated Jul 17, 2020
JavaScript

my-slab / design-tokens-graphql

Star

Manage Design Tokens with GraphQL ⚠️[WIP]

css graphql styleguide design-systems cross-platform design-tokens

Updated Jun 6, 2020
JavaScript

MaxBazarov / design-system

Star

Sketch.app plugin to apply design tokens to Sketch layers

less sketch-plugin sketch-app design-tokens

Updated Aug 21, 2019

nelonoel / postcss-theme-ui

Star

PostCSS plugin for accessing Theme UI variables

postcss-plugin design-tokens theme-ui

Updated Jun 7, 2020
JavaScript

kaelig / google-spreadsheets-theo-demo

Star

Design tokens, managed via Google Spreadsheets, generated using Theo

design-systems design-tokens google-spreadsheets theo

Updated Jul 17, 2020
JavaScript

jferrettiboke / cairo

Star

[WIP] 🚧

🚧

🔺 The Design System Framework — Build consistent, themeable, type-safe, accessible React apps and websites with ease, confidence, and speed.

react components frontend reactjs design-patterns css-in-js component-library frontend-framework design-tokens design-tools design-system styled-system theme-ui

Updated Jul 14, 2020
TypeScript

Improve this page

Add a description, image, and links to the design-tokens topic page so that developers can more easily learn about it.

Curate this topic

Add this topic to your repo

To associate your repository with the design-tokens topic, visit your repo's landing page and select "manage topics."

Learn more