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.

Shopify's Polaris Design System - React implementation (Deprecated)

🐼 Universal, Type-Safe, CSS-in-JS Framework for Design Systems ⚡️

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

A build system for creating cross-platform styles.

Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.

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

Theo is a an abstraction for transforming and formatting Design Tokens

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

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

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

Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate matching UI from your content.

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

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

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.

A set of React components for the PatternFly project.

Open-source design-method engine for Claude Code, Codex & Cursor. Gives coding agents fixed design judgment—not one fixed aesthetic—then selects or derives the right grammar from references, locks project decisions, and verifies UI, carousels, decks & docs. 20 skills · MIT.

🖌️ Make your <script> lighter and your <style> smarter

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.

Visual development environment for CSS