MYDESIGN.MD
✦ Works with Claude Code, Cursor & Copilot

Turn any website into a design system your AI can follow

Paste a public URL and get a grounded DESIGN.md — real colors, type, spacing, and component rules — so your coding agent stops shipping generic UI.

Free to try · no credit card required

Or open a finished example: Stripe · Anthropic · Sweetgreen

Featured on
MyDesignMD featured on BetaListFeatured on LaunchBuff
Made forClaude CodeCursorGitHub CopilotWindsurf
Why DESIGN.md

Same prompt. Different context.

AI agents default to the same site — dark mode, purple gradients, gradient text, sparkle emoji. Give the agent a DESIGN.md and it builds the brand’s actual system instead.

Features   Pricing   AboutGet Started
✨ New: AI-Powered Everything
Transform Your Data
With AI Magic

Supercharge your data pipeline with our revolutionary AI-powered platform. Purple gradients included.

Start Free TrialWatch Demo
PLATFORM SOLUTIONS ⌄ INTEGRATIONS RESOURCES ⌄LOGIN ›GET A DEMO ›
Security Data Pipelines,
Made Easy

Acme normalizes, filters, enriches, and routes your security data — cutting SIEM costs and freeing teams to focus on security.

START TRIALVIEW INTEGRATIONS
canvas #F3F1ECaction #2F5BE7display Serif · labels Monoradius 999px

Right panel: the same prompt, with the brand’s DESIGN.md in context — serif display, mono labels, pill geometry, and its diagram language, all extracted from the live site.

Discover

Real design systems, extracted.

Live packages generated by mydesignmd. Open any card to see the full DESIGN.md, tokens, and audit — free, no account needed.

Browse all →
Calderacaldera.xyz
action#FC5000
displayPP Neue Corp
radius100px
6 colors5 type styles15 tokens
Sweetgreensweetgreen.com
action#00473C
displaySweetSansText
radius1000px
8 colors6 type styles23 tokens
Anthropicanthropic.com
action#3898ec
displayAnthropic Serif
radius0px
6 colors7 type styles20 tokens
Hume AIhume.ai
action#C094E4
displayFellix
radius1.5rem
6 colors6 type styles20 tokens
Stripestripe.com
action#533afd
displaySohne
radius4px
8 colors6 type styles14 tokens
Whoopwhoop.com
action#000000
displayProxima Nova
radius6px
7 colors6 type styles21 tokens
Le Labolelabofragrances.com
action#424242
displayBell Gothic Std
radius30px
8 colors5 type styles19 tokens
Microsoft AImicrosoft.ai
action#0078d4
displayBradford LL
radius3px
8 colors4 type styles20 tokens
How it works

From URL to design system in minutes.

  1. Capture the evidence

    We crawl the live site and collect screenshots, computed styles, CSS, and DOM structure — before any model touches it.

  2. Agents write, evidence decides

    Specialist design agents draft the spec — brand, color, type, layout, motion — and every claim is validated against the captured evidence. Unsupported guesses are cut.

  3. Ship it to your agent

    Download 8 ready-to-use artifacts and drop them straight into your repo, CLI workflow, or agent context.

DESIGN.mddesign.jsondesign-tokens.jsoncss-variables.csstailwind-v4.cssaudit.mdSKILL.mdgrounding.json
DESIGN.md — stripe.com
Developer surfaces
Same job, every surface.
Start in the browser, automate through the API, or generate locally from the CLI when the workflow moves into code.
CLInpm install -g mydesignmd
CLImydesignmd generate https://example.com --out DESIGN.md
SDKclient.createDesignJob({ url: "https://example.com" })
Pricing
Start free. Upgrade when it earns it.
Simple credit-based pricing — 1 extraction = 3 credits.
Free
Try it on a site you actually care about.
$0
Welcome credits on signup
  • Your first extraction free
  • Full package — all 8 artifact formats
  • Browse every Discover extraction
Basic
For steady side-project work.
$9/month
30 credits ≈ 10 extractions / mo
  • Everything in Free
  • Credits reset monthly
  • Job history & favorites
Most popular
Pro
For client work and frequent extractions.
$19/month
100 credits ≈ 33 extractions / mo
  • Everything in Basic
  • Priority queue
  • Best per-extraction price
Need more? One-time top-up packs from $5 — pack credits never expire. Cancel anytime.
FAQ
Common questions
Is it free to try?
Yes. Signing up gives you welcome credits for your first extraction — no credit card required. You keep the full package: DESIGN.md, tokens, CSS variables, Tailwind config, and the audit report.
How is this different from free token extractors?
Simple extractors scrape raw CSS values. mydesignmd captures screenshots, computed styles, and DOM evidence, runs specialist design agents over it, and validates every claim against that evidence before it ships — unsupported guesses are cut. You get 8 artifact formats, including an agent skill, not just a color list.
What is a credit?
Each extraction costs 3 credits. Plan credits reset monthly on your billing anniversary; one-time pack credits never expire and stack with your plan.
What do I do with the DESIGN.md?
Drop it into your repo and reference it from Claude Code, Cursor, or Copilot as design context. Your agent stops inventing generic indigo-and-Inter UI and starts following the extracted colors, type, spacing, and component rules.
What happens when I run out of credits?
New extractions pause until you top up or your plan resets. Everything you already generated stays accessible in your job history.
Can I cancel anytime?
Yes. Cancel from your profile page and your plan stays active until the end of the billing period.
Give your coding agent real design context.
Your first DESIGN.md takes about two minutes. Free on signup — no credit card.