返回首页

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 是其上游"喂设计标准"的提取工具,二者互补