AI生成的界面太难看?试试这个开源项目Awesome DESIGN!

来自版块 话题
11
0
最近Vibe Coding真的太火了。

越来越多人开始直接用 AI 写页面、搭产品、做官网,动动嘴就能出 UI,效率看着确实很爽。

但问题也很真实。

你以为AI会给你整出那种大厂味、极简风、质感拉满的界面,结果它一出手,像是把十年前的建站模板重新缝了一遍。

不是 AI 故意演你,问题其实很简单:你嘴里的“高级感”,AI 根本脑补不出来。

你觉得“像 Apple 一点”“像 Stripe 一点”“做得更有质感一点”,但这些话对 AI 来说都太虚了。没有明确的设计规则,它最后大概率还是只能靠自由发挥。然后你懂的,翻车现场就来了。

Cx7fo0aUCuLUUpSib1JM.png
AtI4NzbaBj4NNEJzDMcI.png
最近我刷到一个挺顶的 GitHub 项目,刚好就是来解决这个问题的。
它叫 Awesome DESIGN.md。
项目地址:github.com/VoltAgent/awesome-design-md
规范详情:https://getdesign.md
01. Awesome DESIGN是什么?简单说,它就是一份写给 AI 看的设计规范。不是给前端开发看的,也不是给设计师交付用的,而是专门用来告诉 AI:这个页面应该长什么样。
它的逻辑很简单,就是把页面该怎么配色、用什么字体、组件长什么样、版式怎么排,全部整理进一份 Markdown 文档里。
AI 读完之后,就不是再靠感觉乱猜,而是会按照你给定的风格规则去生成页面。
说白了,这东西就是 AI 时代的设计说明书。
而且重点是,它不是插件,不是 SaaS,也不是那种点进去就开始收费解锁的套路产品。
它是免费、开源、现成就能拿来用的。
下方为部分设计规范展示
8YTy8f0MjRsYBzh9zkEf.png
wwpQsrBl8gVauMWupt9y.png
b5b1tWy0KJNQlSRgke9i.png
vWUNn07AP5bmMVJetf8O.png
Pgr1zbSsSwK59LJaKL2t.png
agKXoqVXthGcjT07TvKY.png
2cGXGR7EmVn9r6AGCPXJ.png

全部评论 0

您需要登录后才可以回帖 立即登录
说说你的想法......
0
0
0
返回顶部