Collection of DESIGN.md files that capture design systems from popular websites. Drop one into your project and let coding agents build matching UI.
-
Updated
Apr 9, 2026
Collection of DESIGN.md files that capture design systems from popular websites. Drop one into your project and let coding agents build matching UI.
Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.
Figma to design.md — Convert Figma design tokens into structured design.md for AI-assisted coding (Cursor, Claude Code, Copilot)
🎨 Turn any company's DESIGN.md into stunning Xiaohongshu covers with AI. 9 brand styles: Apple, Claude, Figma, Notion, Tesla, Raycast, Airbnb & more.
Claude Code skill: Generate design.md, design-guidelines.md & design-components.md from any design references — images, PDFs, links, screenshots. For AI-assisted coding (Cursor, Claude Code, Copilot)
DESIGN.md for Terminal UI — curated TUI design systems for AI coding agents. Source-code-level research from Claude Code, Lazygit, btop, k9s and more.
Extract any website's design system into a DESIGN.md file
Distill any website's design system into a reusable, Stitch-compatible DESIGN.md. Works with Claude Code, Codex, and any AI agent.
Professional-grade DESIGN.md files for AI coding agents. Engineered from design principles, not extracted from websites.
Collection of DESIGN.md files that capture design systems from popular websites. Drop one into your project and let coding agents build matching UI.
Add a description, image, and links to the design-md topic page so that developers can more easily learn about it.
To associate your repository with the design-md topic, visit your repo's landing page and select "manage topics."