Design Extractor 是一款把网站设计规范提取出来的工具。你贴一个 URL，它会自动生成一份 DESIGN.md，里面包含配色、字体、间距、组件样式和设计说明，方便交给 Cursor、Claude、GitHub Copilot 这类 AI 编程 agent 当作风格指南使用。使用上不需要装插件或 SDK，DESIGN.md 里 YAML 存机器可读的设计 token，正文用 markdown 说明设计意图。
同样，网站内部也提供了不少已经转换好的优秀案例可供于参考。
Design Extractor
贴个网址，帮你把整个网站的设计规范扒成 DESIGN.md，丢给 Cursor 或 Claude 当设计稿读
收费：免费 / 免费增值
平台：Web
9.3
1 人评分
待评
易用性
功能性
推荐度
产品介绍
优点
- 粘贴 URL 就能出一份带 YAML token 的 DESIGN.md，agent 直接能读，省得自己扒设计稿
- 颜色、字体、间距、圆角、阴影、动效这些常规设计 token 覆盖得比较齐，对前端够用
- 支持 Tailwind v4 和 CSS 变量输出，丢进 Cursor、Claude 这些 agent 里基本不用再二次加工
缺点
- 待补充
登录 后即可发表评论