What's new in DesignMD

Discover now has 90+ design systems from sites like Cursor, Raycast, Mistral, ElevenLabs, PostHog, Arc, Monzo and Duolingo.

• See it before you open it. Every card shows the site with its colour palette and fonts on top.
• Search any way. By name, by font, or by a colour like #635BFF.
• Filter fast. By category, dark or light sites, and accent colour. Sort by Popular, Most remixed or Newest.
• Collections. Dark grounds, Serif headlines, Pill buttons and Single accent, picked from each site's tokens.
• Share a view. Your search and filters live in the link.

You: Fix the mobile sizes and make it feel more modern.

DesignMD: Done. Smaller headings on phones, tighter letter spacing, softer corners. Each change is listed under the reply, with Undo.

• Restyle by asking. Colours, fonts, letter spacing, line height, weight, sizes, corners, spacing and shadows.
• Fix phone sizes. Heading scale, body text and side padding on small screens, on sites measured at phone widths.
• Borrow a look. Attach up to 5 .md or .txt files, like another DESIGN.md, and 3 screenshots per message.
• See what changed. Old and new values side by side, with a contrast check.
• Undo and history. Undo the last change, or open History. Export HTML when you like it.
• Uses credits. Saving is free.

Start from a design system you like and make it yours.

• Pick new colours and swap the heading and body fonts
• Make corners, spacing and shadows sharper or softer
• A sample page updates as you go, in light and dark
• Save it as your own DESIGN.md, with its own page and link
• Start from a Discover site, your own files, or someone else's remix
• Ready for Claude Code, Cursor or Figma
• Saving is free

DesignMD now has an MCP server, so Claude Code, Cursor, VS Code and Claude Desktop can use it directly.

• Add it with one command, then ask for a page: your tool pulls the site's real design system instead of guessing
• Search Discover and read any design system, or just the sections you need
• Compare two design systems side by side
• Make a DESIGN.md from any website without leaving your editor (4 credits, 8 multi-page)
• Remix, share and preview your own design systems
• No account needed to search, read and compare
• Sign in once from your tool; revoke it any time under Profile → Integrations

The Figma plugin can now turn your Figma file into a DESIGN.md.

• New Document this file tab
• Reads your variables, styles and components
• Optionally reads screens too: layouts, prototype flows and FigJam diagrams
• Document the whole file, some pages, or just your selection
• Each section links back to its layer in Figma
• Private to you until you share it
• 8 credits, charged only if it succeeds
• Works in FigJam too

See what everyone is turning into a DESIGN.md, this week, this month or all time.

Top sites. The websites the most people have generated, with the top three in gold, silver and bronze.

Top creators. The people who've generated the most different websites, with their top sites and activity.

Don't want to be listed? Switch it off in Profile → Settings.

Find it at /leaderboard, or from Discover.

Put two sites next to each other and see where they actually differ — colours, type, corners, spacing, depth and components, all measured from the live pages.

Start from Discover. Pick any two sites from Discover and compare them. No account needed, and it's free.

Or use your own. Signed in, you can compare two of your own generations, or one of yours against a site from Discover.

Read it visually, or read the file. Switch between the side-by-side view and the two raw DESIGN.md files.

Find it under Compare in the menu.

We reworked how we read a website's design.

Better names. Colours, fonts and spacing are now named for what they do, so your file is easier to read and reuse.

More complete. We pick up the full range of font sizes a site uses, and the real set of buttons instead of one generic one.

Tidier output. The token list at the top of each file now displays as a neat, collapsible section.

Better previews. Previews show only the theme a site really has, and every colour swatch and example is now readable.

A big update across Discover, your profile, and more.

Bookmark and like Discover sites. Save the design systems you love and like the ones you find useful. Everything you bookmark shows up in your profile so you can get back to it anytime.

A fresh Discover page. We rebuilt Discover with a cleaner look, category filters, and richer detail pages so it is easier to browse real design systems.

An easier profile. The profile page got a revamp, so reaching your account, generations, and bookmarks is quick and simple.

Private share links. Make any DESIGN.md share link private so only you can see it, and switch it back to public whenever you want.

Request account deletion. You can now ask us to delete your account and all of your data right from your profile.

Like a release. If an update makes your day, tap like to cheer on the team.

The new DesignMD Figma plugin turns any generation into a real, usable foundation in your file — no more eyeballing tokens from a screenshot.

One click brings in Variables (colors, spacing, radii, border widths, opacity), Styles (paint, text, and effect/shadow styles), and a ready-made design-system board laid out as real layers. Connect your account from the plugin, pick a generation, and import.

Each import costs 12 credits, charged once per generation — re-importing the same design is free.

🚀 No more waiting on the page. Once a generation starts, it keeps running securely in the background. Close the tab, grab a coffee, come back later — your finished DESIGN.md will be waiting for you, and we'll email you when it's done.

📄 It now reads the whole site. DesignMD understands multiple pages of a website instead of just one, so your results are richer, more complete, and more accurate — with more of the real colors, type, and components captured.

Two big features, shipped together.

Credits — buy a pack once, no subscription. Your balance never expires and every generation costs a fixed amount. Top up anytime from your profile.

HTML Preview — turn any DESIGN.md into a visual design system page with live color swatches, type specimens, and component previews.