Paste a URL. DesignMD reads every computed style on the rendered page and returns a structured DESIGN.md and a live HTML specimen — the tokens that actually shipped, not a screenshot and a guess.
Every extraction returns both. The interactive HTML preview is a separate add-on.
Paste DESIGN.md into your rules file and every generated component lands on-brand the first time.
New client, no docs, no Figma file. Get a token map of the live site in under a minute.
Extract your own site and read what the browser actually computed, not what the stylesheet intended.
Reading computed styles by hand is where design systems go to die. We do it exhaustively, every time.
We run a real browser and read getComputedStyle on every rendered node, then cluster the values. The model only names things; it never invents them.
Yes. We toggle color schemes and force interaction states, so tokens come back with light, dark, hover and focus values where they exist.
Color, type, spacing, radii, depth, motion and a component inventory — as a flat, spec-compliant Markdown file designed to be pasted into agent context.
Not yet. The crawler visits the page anonymously, so anything a signed-out visitor cannot reach is out of scope today.
No. Credits are one-time and do not expire. There is no subscription and nothing recurring.
20 credits free, no card. Your first spec lands in about forty seconds.