#design-tokens (29 Repositories)
Ranked open-source repositories tagged with #design-tokens, scored by pull request acceptance likelihood and maintainer engagement velocity.
49.9%
89.8h
29 repositories tagged #design-tokens
hashicorp/design-system
Helios Design System
patternfly/patternfly-react
A set of React components for the PatternFly project.
Manavarya09/design-extract
Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.
dembrandt/dembrandt
Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.
adobe/spectrum-design-data
Design data, including design tokens, component schemas, and tooling for Spectrum, Adobe's design system.
Talend/ui
Talend's unified web UI repository. Status: Maintenance
sugarcube-sh/sugarcube
Design tokens in, CSS and components out.
fylgja/fylgja
The flexible and lightweight CSS library designed to streamline your web development.
nado1001/style-dictionary-tailwindcss-transformer
This is a plugin to generate the config of Tailwind CSS using Style Dictionary
kwakseongjae/oh-my-design
Give your AI coding agent a design system. One command installs 500+ quality-graded company DESIGN.md references + skills into Claude Code, Codex, Cursor, and OpenCode. Free, MIT, zero AI calls.
AnxForever/stylekit
Open-source visual style library for AI-generated UI — 148 curated styles with design tokens, prompts and MCP. | 面向 AI 生成网页的开源视觉风格库：148 套精选风格，支持 MCP、Agent Skill 与 npm CLI。
tokens-studio/figma-plugin
Official repository of the plugin 'Tokens Studio for Figma' (Figma Tokens)
bitjaru/styleseed
Open-source design-method engine for Claude Code, Codex & Cursor. 23 agent skills for fixed design judgment, multiple grammars, semantic palettes, reference compilation, and evidence-verified UI. MIT.
marigold-ui/marigold
Design System based on react-aria and Tailwind CSS
primer/primitives
Color, typography, and spacing primitives in json.
zanwei/design-dna
Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate matching UI from your content.
zcag/tahta
A pristine, themeable design system for Slidev — switch the entire visual style (type, shape, texture, palette) with one line.
plugin87/ux-ui-agent-skills
Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 50 objective gates that fail the build instead of faking success.
Royal-Navy/design-system
Build web applications that meet the Royal Navy service standards.
murphytrueman/design-system-ops
Claude Code skills for the work that keeps a design system alive
wikimedia/design-codex
Codex is the Design System for Wikimedia. Codex features a toolkit for building user interfaces, containing design tokens, Vue 3 components and VitePress documentation site packages. This is a mirror from https://gerrit.wikimedia.org/g/design/codex/
style-dictionary/style-dictionary
A build system for creating cross-platform styles.
sinanata/unity-ui-toolkit-design-system
Drop-in design system for Unity 6 UI Toolkit (UIDocument + PanelRenderer, UXML + USS): tokens, fx shader material support, 42 components, 120 icons, mobile-responsive, dark-themed. One stylesheet, zero dependencies. Battle-tested in a shipping cross-play game.
VoltAgent/awesome-design-md
A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.
design-tokens/community-group
This is the official DTCG repository for the design tokens site and specification.
skydashnet/material-design-3-ui-skill
A reusable Agent Skill for designing, reviewing, and implementing UI/UX with Google Material Design 3, Material You, M3 Expressive, accessibility, adaptive layouts, and semantic design tokens.
Decathlon/vitamin-web
Decathlon Design System UI components for web applications
ardov/huetone
A tool to create accessible color systems
mikaelvesavuori/figmagic
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.