DESIGN.MD & AI

DESIGN.md generators compared

A DESIGN.md tells your AI coding agent how to build in a site’s style. Here’s every tool we found that makes one, and what each costs.

Screenshots of Sitepeel, Google Stitch, Design Extractor, designmd.me, context.dev and getdesign.md
Sitepeel, Google Stitch, Design Extractor, designmd.me, context.dev and getdesign.md, as they looked on October 27, 2026.

In short

  • Free from any link: Sitepeel and context.dev
  • New designs and DESIGN.md from a prompt: Google Stitch
  • Ready-made brand files: Sitepeel’s 168 examples and getdesign.md
On this page8
  1. The short list
  2. 1. Sitepeel
  3. 2. Google Stitch
  4. 3. Design Extractor
  5. 4. designmd.me
  6. 5. context.dev
  7. Which one should you pick?
  8. Questions

The short list

Some tools measure a live page, some ask an AI to describe it, and some sell ready-made files. Measured values are the ones the page really uses.

DESIGN.md generators compared
ToolBest forPriceWorks in
SitepeelAny link, plus 168 examplesA few free runs, then sign in freeAny browser; Chrome extension
Google StitchNew designs from a promptFree, daily creditsWeb, MCP, SDK, CLI
Design ExtractorStrict spec, MCP server$5 for 50 credits; 6 per pageWeb, Chrome, MCP
designmd.meOne-off files, Figma import1 free run; packs from $5Web
context.devFree, no accountFreeWeb, API
getdesign.mdReady-made brand filesFree catalog; $34 for your siteWeb, npx
designmd.coA design-system catalog with MCPFree catalog; Pro monthlyWeb, MCP
Design MD generator in the Sitepeel interface
Design MD generator in actionExplore the tool

1. Sitepeel

Paste a link and get a DESIGN.md in Google’s format that passes the official linter, with a visual style guide. 168 brand examples are free to browse, and the Chrome extension measures pages behind a login.

A Sitepeel DESIGN.md page: linear.app’s measured design system.

2. Google Stitch

Google’s free AI design tool, where the format began. It makes a DESIGN.md from a prompt, a URL or an image, and exports and imports it with your project.

Google Stitch on October 27, 2026.

3. Design Extractor

Turns a public URL into a Google-spec DESIGN.md, with component recipes checked against the live site, and an MCP server for agents. Every run uses paid credits.

Design Extractor on October 27, 2026.

4. designmd.me

Crawls a site’s key pages into a DESIGN.md. You get one free run, 20 credits when you sign up, then credit packs; an HTML preview and a Figma import cost extra.

designmd.me on October 27, 2026.

5. context.dev

A free DESIGN.md generator from a domain, with no account, built as a demo of Context.dev’s styleguide API.

Which one should you pick?

Questions

What is the best free DESIGN.md generator?

For any link, Sitepeel (a few free runs, then sign in free) and context.dev (free, no account). Google Stitch is free too, with daily credits.

Can Google Stitch make a DESIGN.md from a website?

Yes. Stitch can make one from a URL, a prompt or an image. Tools like Sitepeel measure the live page instead of describing it.

Is getdesign.md a generator?

Not on demand. It’s a catalog of ready-made files; a file for a site that isn’t listed is a $34 request, sent by email.

TAKE A CLOSER LOOK

Your next starting point is already on the web.

Inspect it. Understand it. Build something of your own.

Add to ChromeFree installTry the free tools