Example showing how to transform design tokens into color palettes usable by designers
-
Updated
Feb 11, 2018 - JavaScript
Example showing how to transform design tokens into color palettes usable by designers
Simple example workflow for integrating design tokens into your build process.
Generate design tokens across platforms
tool to grab design tokens from Figma file
Monorepo for front end components and branding/styling
Generate JSON schemas for style-dictionary files to improve text editor support
My attempt to create a visual tool around GitHub Actions. Generate a YAML file for a GitHub Actions workflow as part of a design tokens automation pipeline.
Design System learning repository.
separate global variables and component variables for multi themes
Preprocess your css-in-js files to replace references to design system tokens with actual values
A CLI toolkit for aiding design tokens adoption.
CSS utility class generator
Tailwind CSS color palette exported as design tokens in a variety of formats
Theo is a an abstraction for transforming and formatting Design Tokens
Key value pairs like spacing, color, typography, object styles, animation etc
An adaptive and mobile friendly landing page for an international design and development agency
Simple implementation of style dictionary to generate styling vars for multiple languages based on design token
A web-focused toolkit for creating, assembling, and distributing design tokens for custom design systems.
Add a description, image, and links to the design-tokens topic page so that developers can more easily learn about it.
To associate your repository with the design-tokens topic, visit your repo's landing page and select "manage topics."