鱼C论坛

 找回密码
 立即注册
查看: 41|回复: 0

Design.md——写给 AI 的 UI 设计说明书

[复制链接]
发表于 昨天 17:14 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
本帖最后由 中英文泡椒 于 2026-4-17 17:26 编辑

这个项目叫 awesome-design-md,是 VoltAgent 团队做的。简单说就是一个设计系统的合集库,收录了 58 个知名品牌网站的

完整设计规范,全部以 DESIGN.md 格式保存。

570c5949c1b2ee19fa6ebfa20438da38.png

它做的事情很简单但很精准:把Nike、Claude、Notion、Figma 这些大牌网站的设计系统全部提取出来,做成 AI 能直接读懂的

Markdown 文件。你丢一个到项目里,告诉 AI 照着这个风格来,出来的界面就跟原版一样精致。

DESIGN.md 是 Google Stitch 最近提出的一个概念。它是一个纯文本的设计系统文档,放在项目根目录下。任何支持该规范的 AI

编码代理(比如 Google Stitch)在生成 UI 代码时,会主动读取这个文件,从而产出一致、可控、符合品牌风格的界面。

26bd7571cc8a8e5a32d44d10c132d2cf.png

目前一共 收录了58 个品牌,分了 8 个大类:

410705436e816668abab30bb9fdf14fb.png

0446b06ce29090da5c7cd8095b061ea6.png

808017926f60278dfbb9b12c6b062b3a.png

基本上你想模仿哪个风格都能找到。每个 DESIGN.md 里面有什么每个品牌的设计文件都遵循 9 大标准化板块:视觉主题与氛围、

调色板与色彩角色、排版规范、组件样式、布局原则、阴影与层级、设计禁忌、响应式规则。

还有专门给 AI Agent 的提示词指南。

fe34bd50060ddfaa4ed903a9150393f7.png

项目地址:
游客,如果您要查看本帖隐藏内容请回复


小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2026-4-18 03:24

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表