ENTITY
distill-design
定义与身份
distill-design 是开源项目 ake77-code/distill-design,定位为将网站设计信息蒸馏为 DESIGN.md 的工具,并同时提供一组可直接参考的品牌设计规范。
来源将其描述为“网站 → DESIGN.md”蒸馏工具加上 74 个品牌的现成规范集合;项目被称为开源免费、可直接使用。
角色与职责
该项目面向需要让 AI 按既定视觉系统生成页面的使用者,将网站中的颜色、字号、圆角、间距与组件等设计信息整理为 AI 可读取的 DESIGN.md。 其作用是把“高级一点”“像某品牌一样”等模糊审美要求,转换为可复用、可交给 AI 执行的具体设计规范。
品牌规范三件套
来源称,每个已蒸馏的品牌都配有以下三类文件:
DESIGN.md:记录设计规范,包括颜色、字阶与组件等信息。preview.html:用于可视化查看整套色板与组件。demo.html:依据该规范搭建的仿真落地页。
使用方式
来源给出的使用流程分为四步:
- 挑选:选择气质最接近目标产品的品牌规范。
- 阅读:结合
preview.html理解该设计系统的视觉效果。 - 替换:将颜色、字体等替换为自己的值;来源特别建议“只改值,不动结构”。
- 应用:将 DESIGN.md 放入项目,让 AI 按该规范生成页面。
关键信息
来源列举的品牌示例包括 Stripe、Linear、Apple、Figma、Spotify、Notion 与 Nike。 “74 个顶级品牌”的数量、品牌覆盖范围及其完整程度均为来源陈述,原文未逐一列出全部品牌或给出独立核验清单。
格式来源与边界
来源声明,DESIGN.md 格式来自 GitHub 开源项目 awesome-design-md,并称该概念最早由 Google Stitch 提出;同时称 awesome-design-md 拥有 9 万以上 Star。 原文未提供 distill-design 的具体仓库功能细节、许可证、实现机制、实际抓取或解析流程,也未说明 74 个规范的更新频率与质量验证方式。