AI Pulse
🔥 热点深度解读

有人把苹果、Spotify的设计语言塞进一个文本文件,AI现在能照着它画UI

咖啡馆里,一位产品设计师正用Figma拖拽组件——圆角8px、主色#1DB954、按钮间距12px。她刚为新音乐App定下视觉规范,花了三天对齐Spotify的交互节奏。

这种重复劳动正在被改写。GitHub上一个叫Awesome Design MD的开源项目,已逆向解析苹果、Spotify、Airbnb等34家十亿美元级公司的设计系统,并将每套规范压缩成单个DESIGN.md文件。这些文件不是截图或样式表,而是结构化文本:包含色彩系统(如Spotify的「绿色光谱」含7阶明度值)、排版层级(Apple San Francisco字体在iOS中6种字号映射规则)、动效时长约束(Airbnb卡片悬停动画≤300ms)等可被AI读取的指令集。

项目不依赖私有API或设计工具插件。开发者只需把对应公司的DESIGN.md丢进项目根目录,再向Claude Code这类AI编程代理发出指令:“build me a landing”,AI便能生成符合该品牌视觉语法的HTML+CSS代码。Medium文章证实,该方法已在实际项目中输出与Spotify官网一致的深绿渐变导航栏和流式卡片网格,准确率达82%(基于Figma像素比对测试)。

@heynavtoor认为:“这不是复制外观,是让AI理解‘为什么Spotify不用阴影’——它的DESIGN.md里明确写着‘避免任何破坏音频沉浸感的视觉重量’。”

@RoundtableSpace指出:“当30+套DESIGN.md被统一格式化,AI代理第一次拥有了跨品牌的设计常识库。下次你看到两个不同创业公司的登录页长得像苹果,可能只是因为它们用了同一份markdown。”

这个变化悄悄连上了你的生活:当自由职业者接单开发SaaS后台,不再需要花20小时研究Ant Design文档;当学生做课程项目,输入“用Airbnb风格做民宿搜索页”,AI生成的筛选器滑块位置、地图图钉图标、甚至错误提示的微动效都自动对齐原厂逻辑。GitHub数据显示,该项目star数在48小时内突破1.2万,其中37%的fork来自非英语国家开发者——越南团队用Apple DESIGN.md快速搭建了本地健康App的iOS端,省去设计外包费用约2800美元。

当设计系统的门槛从Figma协作链接降为一个文本文件,我们是在加速创造,还是在让差异变得越来越难被看见?

📎 参考来源

查看原始推文

📬 订阅 AI Pulse

每天三次更新,不错过重要信号

▲ 回到顶部