Awesome Open Source

Programming Languages

Search results for token design system

design-system x

6 search results found

Styled System ⭐ 7,804

⬢ Style props for rapid UI development

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.

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

👯‍♀️A cli tool makes your Figma and local design token stay in sync 👯‍♂️

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.

Figma Theme ⭐ 122

Generate development-ready theme JSON files from Figma Styles

Design Tokens Plugin ⭐ 101

Support end of life! Delivering consistent Design System. A Sketch plugin that exports Design Tokens to JSON format. You can export colors, typography, icons and utilis. A must-have tool for design system project.

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

Pattern Library Skeleton ⭐ 74

#zapatillasFromMars👟🚀 A awesome design system for your products and experiences!

Style Dictionary Demo ⭐ 74

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

Foundational Design System Proto ⭐ 74

A prototype for a foundational design system at Shopify

Design System ⭐ 68

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

Design System ⭐ 61

Nulogy Design System

Seeds Packets ⭐ 56

Seeds design tokens

System Props ⭐ 55

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

Themekit ⭐ 50

Build system of design-tokens for any platforms

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.

Natds Js ⭐ 43

React components library by Natura & Co. Design System

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

Theo Loader ⭐ 23

A webpack loader that transforms Design Tokens files using Salesforce's theo

Stitchwind ⭐ 20

A bridge between Tailwind and Stitches

✨ The Wikibase Design System and home of WMDE-supported component implementations.

Figma Tokens ⭐ 17

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

Design System Android ⭐ 16

React Design System Boilerplate ⭐ 13

This is a boilerplate for you to create your own design system in React. It has everything setup to allow you to focus on what it is you care about: creating awesome, reusable components.

Google Spreadsheets Theo ⭐ 12

Import Google Spreadsheets to a format digestable by Theo

Design Tokens Graphql ⭐ 12

Manage Design Tokens with GraphQL

Stylelint Design Tokens Plugin ⭐ 11

Stylelint plugin for checking Design Tokens use inside your CSS.

Design Tokens Italia ⭐ 10

Repository ufficiale dei design token del Design System del Paese

Design Tokens ⭐ 8

An example repository for the setup and creation of cross platform design tokens

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

Design System responsive style values for css-in-js (built on facepaint)

Styled System ⭐ 6

🌶 Responsive, theme-based style props for building design systems with React

Android Design Tokens ⭐ 6

Design tokens visualized for Android

Google Spreadsheets Theo Demo ⭐ 6

Design tokens, managed via Google Spreadsheets, generated using Theo

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.

Genesys Tokens ⭐ 5

Monorepo containing a set of packages devoted to the generation of design tokens.

Abstractconnect ⭐ 5

A Design Token extractor for teams using Abstract & Javascript

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-6 of 6 search results

Privacy | About | Terms | Follow Us On Twitter

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