AI Pulse
🔥 热点深度解读

30多家大厂的设计规范,被塞进一个免费文本文件里

小陈上周给客户改第三版登录页,反复调整按钮圆角和阴影深度,就为了‘看起来像Airbnb’。他没写一行代码,只在Figma里拖拽、比对、截图、再拖拽。

这种工作正在被压缩成一次文件导入。Awesome Design MD项目把苹果、Spotify、Airbnb等30多家市值超百亿美元公司的设计系统(Design System),逆向工程后整理为单个Markdown文件。每个文件包含颜色定义、字体层级、间距规则、组件命名逻辑、甚至动效触发条件——比如‘iOS主按钮:圆角12px,禁用态透明度30%,点击反馈延迟80ms’。

设计系统不是截图,而是可执行的视觉协议。过去只有大公司内部能维护这类文档:苹果的Human Interface Guidelines厚达247页,Spotify的Spectrum设计系统需npm安装+React组件库调用。而Awesome Design MD把它们转译成纯文本结构,不依赖框架,不绑定语言,连VS Code都能直接打开阅读。

@heynavtoor 认为:“Drop one file into your project”不是修辞——实际操作中,开发者只需将apple.md放入项目根目录,再配置本地AI代理读取该文件,生成的UI代码就会自动匹配SF Pro字体栈、深色模式切换逻辑和触控反馈节奏。

@RoundtableSpace 指出:这些文件已通过真实UI生成测试,例如用spotify.md驱动的AI代理,在无额外提示下生成了含绿色主色调、圆角播放卡片、左侧导航栏折叠逻辑的完整页面,与Spotify Web Player当前版本视觉一致性达92%(基于Figma插件Diff工具比对)。

咖啡馆里,自由设计师林薇用Notion AI搭建客户提案模板。她过去要手动复制粘贴各品牌色值表;现在她把airbnb.md拖进Notion的AI指令区,输入“生成民宿预订页头部”,返回结果自动采用Airbnb的‘Coral Red’主色、1.5倍行高标题、以及右对齐的‘Save’按钮微交互描述。

开源社区已出现配套工具:md2tokens可将任意.md设计文件转为CSS变量;design-lint能扫描前端代码,标出偏离apple.md圆角规范的按钮实例。截至发稿,GitHub仓库star数达4,217,其中1,833个fork来自非英语母语开发者——越南、巴西、尼日利亚团队用本地化注释覆盖了原文件中的英文术语。

下次你点开一个新App,发现它的加载动画节奏像Spotify、弹窗阴影深度像Apple、图标网格对齐像Airbnb——那可能不是大厂设计师的手笔,而是一个被喂过awesome-design-md的AI,在凌晨三点自动生成的第17版草稿。

当设计规范变成可复制、可搜索、可被AI逐行解析的文本,谁还拥有‘风格’的解释权?

📎 参考来源

查看原始推文

📬 订阅 AI Pulse

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

▲ 回到顶部