@Huanusa: Frontend developers and designers are really going to lose their jobs! Someone made a magic tool http://designmd.me: Just drop a website URL in, extract the complete design system with one click (colors, fonts, components, layout all pulled out), automatically generate a DESIGN.md file! Just drop a website URL in, extract with one click…
Summary
Someone created a magic tool designmd.me that lets you extract a complete design system (colors, fonts, components, layout) by simply entering a website URL, automatically generating a DESIGN.md file. Combined with the awesome-design-md repository (already 54k stars), you can quickly replicate the UI of top brands.
View Cached Full Text
Cached at: 05/16/26, 05:21 PM
Frontend + designers are about to lose their jobs!
Someone built this amazing tool: http://designmd.me
Just drop a website URL in, and it extracts the complete design system
(color palette, fonts, components, layout — everything)
and automatically generates a DESIGN.md file!
Just paste a site URL,
one-click extraction of the full design system (colors, typography, components, layout)
auto-generates a DESIGN.md file!
Pair it with awesome-design-md (now 54k+ ⭐)
which contains ready-made DESIGN.md files from 66 top brands like Stripe, Linear, Figma, Apple, Nike, Tesla
Just feed them to Cursor / Claude, and you can perfectly replicate the same UI!
How it used to be:
Find a designer → get mockups → slice assets → implement
Now:
Paste URL → generate MD → AI does it all in one go
The moat around design is being flattened fast!
https://designmd.me
Repo:
https://github.com/VoltAgent/awesome-design-md
Similar Articles
@xin_pai88825: A web to design md skill I made earlier, kept forgetting to share with everyone. It's now open-sourced on GitHub. The first and second images show the extraction results, and my friends are all praising it. Usage is very simple: just send a URL to it and let it extract design.mdj for you.
The author shares an open-source tool that converts web pages to design.md. It's easy to use: just send a URL and it will extract the design file.
@LinxFocus: Front-end jobs are truly at risk — this project has reached 96,000 stars on GitHub. It compiles design systems from globally renowned companies like Apple, Figma, Linear, and Stripe into DESIGH.md files, enabling AI to learn the UI styles of top brands without any parsing or configuration.
An open-source project that collects design systems from well-known companies such as Apple, Figma, Linear, and Stripe, and organizes them into DESIGH.md files. It has gained 96,000 stars and allows AI to learn the UI styles of top brands, directly generating interfaces that follow the given rules.
@yaohui12138: Damn! I thought Claude Design was the strongest, but this project is surprisingly useful too. On Saturday night, a friend’s SaaS dashboard UI had too much 'AI vibe' and was so ugly the client replied with a dismissive 'hehe'..... I completely redid it for him in just one hour using a GitHub project. It’s basically a Markdown file called DESIGN.md.
The article introduces 'awesome-design-md', an open-source collection of DESIGN.md files that reverse-engineer the design systems of major tech companies. It allows developers to use AI coding agents like Claude or Cursor to generate UI with specific brand styles by simply adding a markdown file to their project.
@Saccc_c: Want to instantly replicate designs from big companies? Just visit this website: https://getdesign.md This site collects design resources of all major brands. When I was vibe coding, I directly picked designs from it to replicate. Highly recommended. For how to use it, refer to Yih...
Recommend a website getdesign.md that collects design resources of all major brands. It allows one-click replication of big company designs, suitable for direct use during vibe coding, and includes a tutorial by teacher Yihui.
DesignMD
DesignMD is a tool that converts any website into an AI-ready design system, streamlining the design-to-development workflow.