Claude Design:把设计师和程序员变成同一人新智元
猝不及防!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「尽量接近」你的品牌规范,是跑八遍确认之后才敢给你看。
这三段视频背后,是两条新命令在撑着。


