One file. Pixel-perfect AI output with design.md

Create a design.md from any website and drop it into your AI coding tool.

design.md

# Design System — Linear

## Color Palette

- Signal Purple: #5e6ad2

- Void Black: #08090a

- Near White: #f7f8f8

## Typography

- Font: Inter Variable, cv01 ss03

- Hero: 64px / weight 510 / -1.4px

- Body: 16px / weight 400 / -0.18px

## Components

- Buttons: 4px radius, 0.5px border

- Cards: 8px radius, rgba overlay

- Inputs: 4px radius, 1px border

## Shadows

- Subtle: 0 1px 2px rgba(0,0,0,0.5)

- Card: 0 0 0 0.5px rgba(255,255,255,0.08)

Works with

Claude Code

Cursor

and any AI coding tool

Choose from dozens of design systems

Extracted from real websites. Ready to use.

Stripe

Linear

Supabase

Vercel

Figma

Available now

Notion

Anthropic

Raycast

Shopify

GitHub

Clerk

Resend

200+ design rules per file

Colors, typography, buttons, forms, spacing, shadows — everything your AI needs, extracted and organized.

Color palette tokens

Typography scale tokens

Form elements and spacing tokens

Copy, paste, build. It’s that simple.

1

Pick a design you like

Stripe, Linear, Figma, and more

2

Copy and paste design.md

One click, paste into your project root

new file

3

Prompt your AI to build

“Follow @design.md”

See full tutorial

Your AI deserves a design file

Get notified when new design systems drop.