各位产品经理、设计师、前端开发者,甚至是不懂代码的独立开发者们,快看过来!Google Stitch悄悄开源了一个超级宝藏的项目:VoltAgent/awesome-design-md。🚀
它不是前端框架,也不是代码工具,而是一种专门“给AI看的设计规范”。
之前用AI画原型,经常会遇到一个问题:
👉 功能都对,但页面一看就不像自己产品
不是颜色不对,就是布局不对,甚至直接给你套个通用后台模板…
这个项目的思路很妙:
它把一个产品的设计规范(配色、字体、按钮、卡片、交互规则等), 全部写进一个 markdown 文件(DESIGN.md)里,让AI“先读规范,再出页面”。
我自己实测了两种用法:
1️⃣ 新产品:直接用现成的 DESIGN.md,让AI生成整套页面
2️⃣ 老产品:让AI分析源码,反向生成属于你自己的 DESIGN.md
效果是: 👉 后面再生成的页面,风格基本都“像你家产品”了
如果你平时在用Cursor、Claude Code、Trae这些AI编程工具使用vibe Coding的方式做产品原型和MVP,这个开源项目真的值得试一下。