Awesome Open Source

Programming Languages

Search results for token design tokens

design-tokens x

10 search results found

Theo is a an abstraction for transforming and formatting Design Tokens

Community Group ⭐ 1,357

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

Figma Plugin ⭐ 1,245

Official repository of the plugin 'Tokens Studio for Figma' (Figma Tokens)

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

Awesome Design Tokens ⭐ 1,016

A list of resources on all things to do with Design Tokens

Design Tokens ⭐ 863

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

Figmagic ⭐ 766

Figmagic is the missing piece between DevOps and design: Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents.

Storybook Design Token ⭐ 602

Display design token documentation generated from your stylesheets and icon files. Preview design token changes in the browser. Add your design tokens to your Storybook Docs pages using the custom Doc Blocks.

Awesome Design Systems ⭐ 586

📒 A curated list of bookmarks, resources and articles about design systems focused on developers.

Design System Utils ⭐ 415

👩‍🎨 Access your design tokens with ease

Polaris Tokens ⭐ 216

Design tokens for Polaris, Shopify’s design system

A11y Color Tokens ⭐ 152

Generate accessible UI colors from your base color tokens.

Universal Design Tokens (UDT) is a collection of libraries and utilities for working with DTCG design tokens files.

Material Tokens ⭐ 102

Material Design DSP

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

Cobalt Ui ⭐ 96

Use W3C Design Token Format Module tokens in CI and code

Puzzle Tokens ⭐ 94

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

Design Tokens ⭐ 76

A place where OpenTable engineers and designers openly work together

Style Dictionary Demo ⭐ 74

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

System Props ⭐ 55

Responsive, theme-based style props for building design systems with React. Written in TypeScript.

Figmagic Example ⭐ 51

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

Themekit ⭐ 50

Build system of design-tokens for any platforms

Figma Variables Import ⭐ 49

Variables Import plugin for Figma

Command line tool for exporting resources and generating code from your Figma files

Chromatic ⭐ 45

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

Fluentui Token Pipeline ⭐ 38

The Fluent UI token pipeline generates source code for Fluent UI libraries.

Design Tokens Generator ⭐ 28

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

Stitchwind ⭐ 20

A bridge between Tailwind and Stitches

Postcss Theme Ui ⭐ 19

PostCSS plugin for accessing Theme UI variables

Tokens2palettes Example ⭐ 18

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

Figma Tokens ⭐ 17

🎨 A light tool for generate Figma design tokens as variables.

Design Tokens ⭐ 14

Runroom implementation of Figma design tokens

Tokenparser ⭐ 13

Tool that converts your Figma tokens to any language made with Rust

Design Tokens Graphql ⭐ 12

Manage Design Tokens with GraphQL

Google Spreadsheets Theo ⭐ 12

Import Google Spreadsheets to a format digestable by Theo

Stylelint Design Tokens Plugin ⭐ 11

Stylelint plugin for checking Design Tokens use inside your CSS.

Design Tokens ⭐ 10

Design tokens for the Sage Design system using Amazon Style Dictionary.

A low-level SCSS library for building and managing token-driven design systems.

Ios Design Tokens ⭐ 6

Design tokens visualized for iOS

Figmagic Action ⭐ 6

Use Figmagic to retrieve tokens, graphics, and/or React components from a Figma document.

Android Design Tokens ⭐ 6

Design tokens visualized for Android

Google Spreadsheets Theo Demo ⭐ 6

Design tokens, managed via Google Spreadsheets, generated using Theo

QuarkSuite is a collection of utilities focused on creating, assembling, and distributing design tokens. Made of and for web technologies. This is the core that makes it all go.

Related Searches

Javascript Token (8,107)

Python Token (4,812)

Token Oauth (2,402)

Token Jwt (2,294)

Php Token (2,264)

Java Token (2,161)

Ruby Token (1,845)

Token Authentication (1,822)

Golang Token (1,792)

Token Contracts (1,494)

1-10 of 10 search results

Privacy | About | Terms | Follow Us On Twitter

Copyright 2018-2024 Awesome Open Source. All rights reserved.