AI-Powered Design Extraction

Design systems,
extracted.

Input any website URL. AI captures colors, typography, and components. Generate production-ready design specifications in seconds.

Design Library

50 design systems curated and ready to explore

A

aiuicode

aiuicode

AI驱动的设计系统提取平台。深色主题配紫色科技感强调,开发者工具风格,Vercel与Linear设计语言的融合。

Developer Tools
O

OpenAI

OpenAI

AI研究与产品平台。深绿色到黑色的渐变,简洁现代的界面,强调内容优先的设计哲学。

AI Companies
C

Claude

Anthropic

AI助手平台。温暖的赤陶色强调,干净的编辑式布局,注重可读性和信任感。

AI Companies
G

Gemini

Google

Google AI助手。蓝紫色渐变,Material Design 3 风格,明亮多彩的界面。

AI Companies
G

Google

Google

搜索与产品生态。多彩标志配色,白色为主,简洁实用的产品设计。

Enterprise
L

Linear

Linear

工程师项目管理工具。极简主义,精确的紫色强调,精致的暗色界面。

Developer Tools
M

Microsoft

Microsoft

企业级产品生态。Fluent Design 系统,蓝色主色,专业稳重的设计语言。

Enterprise
M

Meta

Meta

社交与元宇宙平台。摄影优先的二元明暗表面,Meta 蓝色按钮。

Social
I

Instagram

Meta

视觉社交平台。彩虹渐变色,纯白背景,极简内容展示。

Social
L

LinkedIn

Microsoft

职业社交平台。专业蓝配色,简洁商务风,注重信息层级。

Social
T

TikTok

ByteDance

短视频社交平台。纯黑背景,青红青对比色,年轻活力的设计。

Social
A

Apple

Apple Inc.

苹果官网设计系统。极致简洁,大面积留白,产品摄影优先,高级质感的纯白风格。

Enterprise
O

Ollama

Ollama

本地运行大模型工具。终端优先设计,黑白极简,命令行原生美学。

AI Companies
R

RunwayML

Runway

AI视频生成平台。电影感暗色UI,媒体丰富的布局,创意工具美学。

AI Companies
E

Expo

Expo

React Native跨平台开发工具。深色主题,紧凑字距,代码优先设计。

Developer Tools
M

MongoDB

MongoDB

文档数据库。绿叶品牌标识,开发者文档风格,绿色强调的技术感。

Developer Tools
A

Airtable

Airtable

电子表格-数据库混合工具。多彩友好,结构化数据美学,协作平台风格。

Productivity
B

Binance

Binance

加密货币交易所。大胆的币安黄配黑白,交易大厅紧迫感,金融专业风格。

Fintech
A

Airbnb

Airbnb

旅行短租平台。温暖珊瑚色强调,摄影驱动,圆润UI,亲和力强的设计。

Enterprise
S

Stripe

Stripe

支付基础设施。标志性紫色渐变,weight-300 优雅排版,金融科技设计标杆。

Fintech
N

Notion

Notion Labs

全能工作空间。温暖极简主义,衬线标题,柔和表面,知识管理的温柔力量。

Productivity
R

Raycast

Raycast

生产力启动器。 sleek dark chrome,鲜艳渐变强调,键盘优先设计。

Productivity
S

Supabase

Supabase

开源 Firebase 替代。深翡翠主题,代码优先,开发者友好的暗色界面。

Developer Tools
F

Framer

Framer

网站构建器。大胆黑白配蓝色强调,运动优先,设计前瞻。

Design Tools
C

Cursor

Cursor

AI 优先代码编辑器。 sleek 深色界面,渐变强调,AI 驱动的编程体验。

Developer Tools
C

Cohere

Cohere

Enterprise AI platform. Deep purple brand (#6C5CE7), data-rich dashboard aesthetic.

AI Companies
E

ElevenLabs

ElevenLabs

AI voice platform. Blue brand (#1A73E8), dark cinematic UI.

AI Companies
M

Mistral AI

Mistral AI

Open-weight LLM provider. French-engineered minimalism, purple-toned.

AI Companies
X

xAI

xAI

Elon Musk's AI lab. Stark monochrome, futuristic minimalism.

AI Companies
C

Cal.com

Cal.com

Open-source scheduling. Clean neutral UI, developer-oriented simplicity.

Productivity
I

Intercom

Intercom

Customer messaging. Friendly blue palette, conversational UI patterns.

Productivity
S

Superhuman

Superhuman

Fast email client. Premium dark UI, keyboard-first, purple glow.

Productivity
F

Figma

Figma

Collaborative design tool. Vibrant multi-color, playful yet professional.

Design Tools
W

Webflow

Webflow

Visual web builder. Blue-accented, polished marketing site aesthetic.

Design Tools
C

Coinbase

Coinbase

Crypto exchange. Clean blue identity, trust-focused, institutional feel.

Fintech
R

Revolut

Revolut

Digital banking. Sleek dark interface, gradient cards, fintech precision.

Fintech
S

Shopify

Shopify

E-commerce platform. Dark-first cinematic, neon green accent.

Enterprise
S

Spotify

Spotify

Music streaming. Vibrant green on dark, bold type, album-art-driven.

Enterprise
T

Tesla

Tesla

Electric vehicles. Radical subtraction, cinematic full-viewport photography.

categories.automotive
F

Ferrari

Ferrari

Luxury automotive. Chiaroscuro black-white editorial, Ferrari Red.

categories.automotive
L

Lamborghini

Lamborghini

Luxury automotive. True black cathedral, gold accent.

categories.automotive
V

Vercel

Vercel

Deployment platform. Stark black and white minimalism. No decoration, maximum function. The absence of color is the design statement.

Developer Tools
G

GitHub

GitHub

Code collaboration platform. Neutral grays with blue accents. Developer-first, content-dense but organized.

Developer Tools
D

Discord

Discord

Community platform. Deep indigo-blurple on dark gray. Fun yet functional. Sidebar navigation, chat-first design.

Social
N

Netflix

Netflix

Streaming platform. Rich red on deep black. Cinematic full-viewport imagery. Content discovery through horizontal carousels.

Enterprise
S

Slack

Slack Technologies

Team messaging platform. Colorful accent palette on white/light purple. Sidebar navigation, thread-based conversations.

Enterprise
D

Dribbble

Dribbble

Designer community. Soft pink accent on white. Visual-first grid layout. Shot cards with hover interactions.

Design Tools
P

Porsche

Porsche

Luxury sports automotive. German precision meets performance heritage. Clean black/white with red accent. Bold sans-serif typography.

categories.automotive
M

Mercedes-Benz

Mercedes-Benz

Luxury automotive. Elegant understatement. Silver/gray on white. Timeless sophistication with confident restraint.

categories.automotive
D

Dropbox

Dropbox

Cloud storage platform. Vibrant blue on white. Friendly, approachable, file-centric. Clean card-based layouts.

Enterprise
Google Stitch Standard

What is DESIGN.md?

The markdown file becoming the universal protocol between humans and AI agents.

No Figma exports

Just a .md file. No JSON schemas, no special tooling.

LLM-native

Markdown is the format LLMs read best. No parser needed.

Git-native

Version control, diffs, PRs — all collaboration patterns already work.

The .md Protocol Layer

Markdown files are becoming the communication protocol between humans and AI agents:

35K+
35K+ stars in 10 days
AGENTS.md
How to build
CLAUDE.md
Agent behavior
SKILL.md
Reusable capabilities

How it works.

Three steps to production-ready design specs.

01

Input URL

Paste any website URL. Our system handles the rest.

02

AI Analysis

Screenshot + Vision AI extracts colors, typography, and components.

03

Export Specs

Download DESIGN.md, Figma tokens, CSS variables, or Tailwind config.

Ready to extract?

Turn any website into a structured design system in seconds.

Extract Now