Dembrandt — 网站设计规范一键提取
看到好网站想抄它的设计系统?Dembrandt 可以一键从任意 URL 提取色彩、字体、间距、断点等设计 Token,几秒内生成标准化的 DESIGN.md,把"截图说不清的设计标准"变成 AI 可直接理解和复用的规范文档。支持 Claude Code、Cursor、v0、Figma Make 等 AI 工作流,并可像 CI/CD 一样持续追踪设计系统的变更。
目标受众
需要快速借鉴参考网站设计风格的设计师、前端开发者,以及用 AI 工具做产品还原的开发者
使用场景
- 从任意网站一键提取配色、字体、间距等设计规范
- 为 AI 编程工具提供标准化的 DESIGN.md 设计上下文
- 持续追踪竞品或自有产品的设计系统变更
- 在设计走查中快速比对两套设计 Token 差异
设计初衷
解决"设计语言难以用语言描述、截图无法传达规范"的痛点,把隐性视觉标准显性化为可机器读取的文档,让 AI 时代的开发与设计协作有了共同的设计上下文。
解决什么问题
避免靠肉眼截图猜设计参数的低效;让 AI 生成的界面更贴近参考设计;让设计系统像代码一样可版本化、可追踪。
评分理由
切入 AI 设计工作流中"设计上下文缺失"的空白点,思路新颖且落地快,官方提供 CLI 与 MCP 多种接入方式。定位略偏开发者,大众普适性一般,故未给满分。
对标竞品
Figma 的 Token 管理面向自有设计文件,Dembrandt 面向"从任意网站逆向提取外部设计规范
同类工具多为浏览器插件截图取色,Dembrandt 输出的是结构化 DESIGN.md 且直接对接 AI 工作流
v0 是 AI 生成 UI 的平台,Dembrandt 是其上游"喂设计标准"的提取工具,二者互补