Anthropic Claude Design:设计工具,正在被AI从底层重构
Claude Code管代码、Cowork管桌面Agent、Claude Design管视觉,三条产品线并列,背后跑的都是Opus 4.7。Claude Design 则是把这个能力从开发流程中单独拆出来,服务只做设计的细分用户,颗粒度更细,使用起来更贴心。它可以读取代码库与设计文件,自动抽取团队的配色、字体和组件风格,建立统一的设计系统。引入设计类 Skill,让AI直接负责前端的设计与修改,在
Anthropic 昨天发布了 Claude Design,一款颠覆设计的产品。
支持一句话直接生成。
仅仅输入"给我做一个AI SaaS官网首页",Claude Design会它会先提几个问题让你确认方向,生成多个方案供挑选。
第二是支持多轮修改。
接着可以针对模型输出的内容提出具体意见,比如"颜色更克制一点"、"字体更现代一点"、"改成深色模式"。
还可以直接发产品截图给它做参考。
系统既支持对话形态的交互,也支持局部批注和直接编辑。
在资源复用上,Claude Design 可以读取现有资产,与当前产品设计工作流无缝衔接。
它可以读取代码库与设计文件,自动抽取团队的配色、字体和组件风格,建立统一的设计系统。
在公司已有品牌规范的前提下,Claude Design可以直接沿用当前的交互链路,不需要从零重建。
在导出与交接层面,Claude Design目前支持导出到Canva,或输出PDF、PPTX,
同时可以直接交给Claude Code继续开发,实现"设计稿→代码交付"的顺滑衔接。
整个使用体验是:
主动问需求、
给出多方案供选择、
理解多图混合参考、
自检自纠、
输出可运行代码。
操作流程和现在AI开发工具使用方式差不多:
左边是提示词对话,右边实时展示界面,所见即所得。

不过值得注意的是,是个烧 Token 大户:
Claude Design大概只运行了25分钟,就烧掉了Claude Pro套餐80%的Token配额。
对比现在我在日常项目开发中做法:
引入设计类 Skill,让AI直接负责前端的设计与修改,在设计和前端步骤的辅助生成。
Claude Design 则是把这个能力从开发流程中单独拆出来,服务只做设计的细分用户,颗粒度更细,使用起来更贴心。
Claude Code管代码、Cowork管桌面Agent、Claude Design管视觉,三条产品线并列,背后跑的都是Opus 4.7。
独立的用量池也说明,Anthropic把Claude Design和Claude Code放在了同一战略级别。
这也解释了为什么Anthropic宣布不支持在 OpenClaw 中使用,不仅仅是作者加入了竞争对手 OpenAI。
它的产品战略是要继续从大模型为基础,沿着AI产品的逻辑往下延伸,自己做外围产品,绑定自家模型。
过去一年,Figma加了AI、Adobe加了AI、Canva也加了AI。
在以人为主的画布工具上,叠一层AI插件,帮你画得更快、写文案更顺手。
Claude Design走的是另一条路:
AI是主要的生成者,人是主要的审阅者。
整套工具的骨架,就是围绕这个假设搭起来的。
这个差异背后是更根本的产品哲学分歧。
这也验证了前天那篇文章里「AI优先」的观点:怎么把6周一次版本更新提升到1天8次部署?从用 AI 到 AI 优先
旧有产品的逻辑是把AI嵌入某个环节;
AI公司的逻辑是以AI为出发点,重新思考整个产品该怎么构建。
前者是在旧地基上加盖,后者是推倒重来。
这从根本上验证了那句话:每一个行业都值得用AI重构一遍。
而我们,正在亲历这个过程。
官方地址:
https://www.anthropic.com/news/claude-design-anthropic-labs
放一张本文设计稿的截图:

喜欢这个设计吗?评论区留言。
推荐阅读:
怎么把6周一次版本更新提升到1天8次部署?从用 AI 到 AI 优先
89.2%攻击成功率!腾讯、字节研究发现 OpenClaw Agent 存在可利用结构性漏洞
Hermes Agent 深度分析:一快一慢两个循环实现自我改进
490万浏览量的方案:用 LLM 构建持续更新积累的个人知识库
更多推荐




所有评论(0)