TL;DR
Anthropic今天给Claude Design来了个“史诗级”更新:设计系统一键导入、AI自动查品牌合规、还能和Claude Code双向奔赴。网友直呼“设计师要失业”——但别慌,更可能是设计师和程序员从此变成“同一种生物”,中间那堵交接墙被AI直接拆了。
事情要从今天说起。Anthropic突然官宣Claude Design大版本更新,一口气甩出四个“王炸”,把X(原推特)瞬间炸成了“网友吐槽大会现场”。
有人灵魂发问:“设计师的时代要终结了吗?”还有人分析得更深:“设计师和开发者,正在变成同一种人。”更有网友玩梗:“我们不要新功能,我们要Claude Fable”(懂的都懂,暗指某产品被禁的梗)。1
但你硬要说这是“设计师末日”,那倒也未必。咱先看看这次更新到底干了什么。
四招齐发,AI设计工具卷出新高度
第一招:设计系统从GitHub一键导入,AI自动校验品牌合规。以前设计师最怕啥?品牌规范书翻烂,结果开发出来的页面颜色不对、间距跑偏。现在你只要把代码仓库里的设计系统(颜色、字体、组件库、间距规则)丢给Claude,它先读一遍,然后每次生成都拿你的真实组件去搭,搭完自己审,不合规范自己改——改到你满意为止。
第二招:两条新命令打通了Claude Design和Claude Code的双向通道。一条是/design-sync,在Claude Code里敲一下,代码仓库里的设计系统全被拉进Claude Design;另一条是/design,在终端里一行指令就能创建设计项目、编辑已有设计、同步整个文件夹,不用开浏览器,不用切窗口。这就是传说中的“双向奔赴”2。
第三招:导出目的地一口气扩到9个:Adobe、Canva、Vercel、Replit、Miro、Gamma、Lovable、Wix、Base44。从设计工具到部署平台,你想往哪扔就往哪扔,比外卖配送范围还广。
第四招:画布编辑重做。拖拽、缩放、对齐,直接在画面上动手,不用每改一个像素都跑去烧一轮模型调用。以前改个按钮颜色要等AI重新生成,现在就跟用Figma一样丝滑。
实操演示:AI比甲方还靠谱?
Anthropic的设计师Nate Parrott连发六条推文,配了三段视频,手把手带你感受新功能。
第一段:做个“国家公园”App的收藏夹页面。他先展示成品——搜索栏、风景卡片、收藏数字,排版干净利落。然后点Edit,左边弹出组件结构树,右边手机界面还能点进任何一个元素。改文案、回车,界面即时刷新。关键是,你改的不是一张效果图,而是活的组件——可以像Figma一样拖,也可以像写代码一样改。
第二段:做首页。Claude先花几秒钟读取设计系统(滚过一串品牌色值和字体规范),然后画布像打字机一样逐行生长——标题、文案、手机框架浮现,深绿色背景上奶白色标签卡一块一块搭好,色调温润,层级分明。每一块的配色、字体、间距都严格跟着刚才读进去的品牌规范走。这不是“尽量接近”,这是“按标准执行”。
第三段:把一个浅色主题的邮件注册页面变成深绿色暗色版本。Claude没有直接出图,而是读两遍设计规范,精修输出六遍,跑了八遍自查才敢给你看。结果暗绿色版本跟浅色版在对比度、层级、品牌感上完全一致。这哪是AI啊,这比甲方还认真。
行业“地震”:谁在偷笑,谁在哭?
这次更新最狠的一刀,砍在了“设计转代码交接”这个祖传痛点。
以前的设计转代码交接,说白了就是一次有损导出,再附赠几场扯皮会议。设计师在Figma里做完,工程师在另一个工具里重新搭。第一版看着还行,等真实组件、边缘情况、响应式状态加进来,设计稿就被拆得七零八落,然后就是无限循环的“再改一版”“这个实现不了”。
现在这个过程没了。 设计在Claude Design里做,做完一个动作就能推进Claude Code写代码;写到一半想看界面,/design一行命令拉出可视化项目。设计师和开发者之间那堵名为“交接、标注、排期、返工”的墙,被AI直接拆了。
翻翻日历就知道这半年AI设计工具圈有多卷:
- 3月18日,Google Stitch大更新,免费,每月350次生成。Figma股价当天跌了约8%。
- 4月17日,Claude Design发布,Figma再跌约7.5%,首周100万用户涌入。
- 5月20日,Figma反击,推出自己的原生AI设计代理。同期公布Q1营收3.334亿美元,同比涨46%,证明自己还没倒。
- 6月18日,Claude Design补上了所有短板。Vercel和Replit的高管第一时间表态,口径出奇一致:不提“设计师”,统一换成了 “建造者” 3。
十年来第一次,设计工具从Figma一家独大,变成了Claude Design、Figma AI、Google Stitch、Vercel v0、Lovable五方混战。但这场仗的重点不只在设计工具本身——背后站着的是Google、Anthropic、OpenAI三家正在冲刺AGI的公司。设计工具只是它们扩张产品版图、抢占用户入口的一个棋子。
Claude Code锁住了开发者,Claude Design锁住了设计师和产品经理。两个加在一起,Anthropic拿下了从“想法”到“上线”的完整链条。
设计师和程序员,真的会变成“同一种人”吗?
回到开头那句话。他们变成同一种人,不是因为谁被淘汰了,而是因为中间那堵墙被拆掉了。以后你不需要在设计工具里画完、再跟开发对一遍标注、等排期、等返工。你只需要表达想法,AI帮你搭出设计,AI再帮你写成代码——从概念到上线,一个人或一个小团队就能搞定。
当然,这不意味着设计师要失业。设计师的价值将转向“定义品牌气质、把控交互逻辑、决策创意方向”,而不是在像素级对齐上消耗生命。同样,程序员也不用再对着设计稿“硬翻译”,可以把更多精力放在架构、性能和业务逻辑上。
但有一点可以肯定:那些只会“把Figma里的东西拖到代码里”的岗位,的确危险了。
最后,借用Anthropic设计师Nate Parrott演示视频里的一句话收尾:“这不是在取代你,这是在把你从重复劳动里解放出来。”至于你信不信,反正X上的网友已经开始玩梗了:“这个功能不久后也会被禁吗?”4
——懂的都懂。
引用
-
Anthropic官方推文·Claude AI·https://x.com/claudeai/status/2067325887909884315?s=20(2026/6/18)·检索日期2026/6/18 ↩︎
-
對話即設計,Anthropic 正式推 Claude Design 叩關 Figma、Adobe·INSIDE·https://www.inside.com.tw/article/41101-claude-design-anthropic-labs(2026/6/18)·检索日期2026/6/18 ↩︎
-
Anthropic推出AI设计工具Claude Design 竞争对手Figma急挫逾8%·星岛头条·https://www.stheadline.com/zh-hans/realtime-finance/3563293/Anthropic%E6%8E%A8%E5%87%BAAI%E8%AE%BE%E8%AE%A1%E5%B7%A5%E5%85%B7Claude-Design-%E7%AB%9E%E4%BA%89%E5%AF%B9%E6%89%8BFigma%E6%80%A5%E6%8C%AB%E9%80%BE8(2026/6/18)·检索日期2026/6/18 ↩︎
-
Anthropic推出AI视觉创作工具Claude Design,付费订阅竞争力提升·知乎·https://zhuanlan.zhihu.com/p/2028701861440438765(2026/6/18)·检索日期2026/6/18 ↩︎