首页文章详情

今天起,Claude Design要把设计师和程序员变成同一种人了

新智元2026-06-18 19:05
猝不及防!Anthropic深夜甩出Claude Design大更新,设计系统一键导入,代码双向同步,9大平台一键导出。Anthropic设计师亲自下场录屏:AI跑了八轮自查,才敢把设计稿给你看。

就在今天,Anthropic突然官宣Claude Design大版本更新,同时放出四个大招——

设计系统从GitHub一键导入,AI自动校验品牌合规,不达标自己改好再给你看。

两条新命令/design-sync和/design,打通了Claude Design和Claude Code的双向通道。

导出目的地一口气扩到9个:Adobe、Canva、Vercel、Replit、Miro、Gamma、Lovable、Wix、Base44。

画布编辑也重做了。拖拽、缩放、对齐,就在画面上动手,不用每改一个像素都烧一轮模型调用。

消息一出,X上瞬间热闹了。

有网友直接灵魂发问,设计师的时代真的要终结了吗?

还有网友分析得更深一层:设计师和开发者,正在变成同一种人。

其他网友则纷纷玩梗:「我们不要新功能,我们要Claude Fable」,「这个功能不久后也会被禁吗」。

懂的都懂。

Anthropic设计师亲自演示

更新放出后,Anthropic设计师Nate Parrott在X上连发六条推文,并配上了三段实操。

新功能到底长什么样、用起来顺不顺,看完就有数了。

第一段,他做了个「国家公园」App的收藏夹页面。

画面上是一个完整的手机界面——搜索栏、国家公园的风景卡片、收藏数字,排版干净利落。看着就是一个成品App的截图。

然后他点了Edit按钮。

画面一切。左边弹出了完整的组件结构树,右边还是那个手机界面,但现在你可以点进任何一个元素。

他点了收藏数字,直接在画布上改了文案,回车,界面即时刷新。

显然,Claude Design生成出来的,并不是一堆改不动的效果图,而是活的组件。

你可以像用Figma一样拖它,也可以像写代码一样改它。

第二段更直观。同样是国家公园项目,做首页。

Claude先花几秒钟读取设计系统——聊天面板里滚过一串品牌色值和字体规范。

然后右边画布开始像打字机一样逐行生长。

先是标题,然后是说明文案,然后一个手机框架浮现——深绿色背景上,奶白色的标签卡一块一块搭好,色调温润,层级分明。

整个设计稿是实时生成的,而且每一块的配色、字体、间距,都严格跟着刚才读进去的品牌规范走。

第三段,是把一个浅色主题的邮件注册页面,变成深绿色的暗色版本。

Claude没有直接出图。它的反应是:读取设计规范两遍,精修输出六遍。八轮自查。

画面一切,暗绿色版本出来了。

同样的标题排版,同样的按钮样式,同样的左对齐布局——只是底色翻成了深松绿,文字翻成了浅色。对比度、层级、品牌感,和浅色版完全一致。

这就是自动化的设计规范校验——不是让AI「尽量接近」你的品牌规范,是跑八遍确认之后才敢给你看。

这三段视频背后,是两条新命令在撑着。

/design-sync

在Claude Code里敲一下,代码仓库里的设计系统,比如颜色、字体、组件库、间距规则这些,全会被拉进Claude Design。

之后每次生成,Claude都拿你的真实组件去搭,搭完自己审,不合规范自己改。

/design

这个则是反过来。在Claude Code终端里一行指令,就能创建设计项目、编辑已有设计、同步整个设计文件夹。不用开浏览器,不用切窗口。

正是这两条命令,直接干掉了整个行业最让人头疼的环节。

以前的设计转代码交接,说白了就是一次有损导出,再附赠几场扯皮会议。

设计师在一个工具里做完,工程师在另一个工具里重新搭。

第一版看着还行,等真实组件、边缘情况、响应式状态加进来,设计稿就被拆得七零八落。

现在这个过程没了。

设计在Claude Design里做,做完一个动作就能推进Claude Code写代码。

反过来也行,写到一半想看界面,/design一行命令拉出可视化项目。

军备赛的新战场

设计工具只是表面。底下是一场更大的仗。

2026年上半年,OpenAI、Google、Anthropic三家都在疯狂扩产品线。聊天、编程、图片、视频、设计——每一个品类都在抢。

Altman说AGI已经非常接近了。Amodei说大概率2027年到来。三家谁都不敢停。

而通往超级智能的竞赛,表面比的是模型能力,底下比的是谁圈住了更多用户、更多使用场景。

Claude Code锁住了开发者。Claude Design锁住了设计师和产品经理。两个加在一起,Anthropic拿下了从「想法」到「上线」的完整链条。

翻翻日历就知道这半年发生了什么:

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的高管第一时间表态,口径出奇一致:不提「设计师」,统一换成了「建造者」。创始人、产品经理、市场人员、独立开发者,全都能用。

半年之内,设计工具从Figma一家独大,变成了Claude Design、Figma AI、Google Stitch、Vercel v0、Lovable五方混战。十年来第一次。

但这场仗的重点不只在设计工具本身。

你看看背后站着的是谁——Google、Anthropic、OpenAI,三家正在冲刺通用人工智能的公司,不约而同把手伸进了设计领域。

设计工具只是它们扩张产品版图、抢占用户入口的一个棋子。

回到开头那句话:设计师和开发者,正在变成同一种人。

他们变成同一种人,不是因为谁被淘汰了。

是因为中间那堵名为「交接、标注、排期、返工」的墙被拆掉了。

参考资料:

https://x.com/claudeai/status/2067325887909884315?s=20

本文来自微信公众号“新智元”,作者:ASI启示录,36氪经授权发布。