2026年6月18日Anthropic Claude Design更新，效果怎么样？

重磅官宣炸场设计圈

2026年6月18日, Anthropic忽然放出Claude Design大版本更新, 一下子推出四项新功能。消息于X平台上瞬间引发热议, 有网友径直发出灵魂之问, “设计师的时代真的要终结了吗? ”还有网友进行层次更深的分析, “设计师和开发者, 正在变成同一种人。”更有人以玩梗方式调侃, “我们不要新功能, 我们要Claude Fable。”这场更新, 带着强劲的冲击力, 直接触及行业痛点。

实测视频解密新功能

Anthropic的设计师Nate Parrott, 在X这个平台上, 连续发布了六条推文, 并且还配上了三段实操视频。第一段操作视频, 展示的是“国家公园”App的收藏夹页面, 此页面属于手机界面, 十分干净且利落, 其中包含搜索栏、风景卡片以及收藏数字，这呈现出来的完全就是一个成品App的截图模样。在该截图画面中, 左边的区域弹出了组件结构树, 而右边区域则是处于可编辑状态的活界面。他用手指点了一下那个收藏数字, 然后直接在画布这个区域修改文案内容, 完成回车的操作之举后, 界面便马上立刻即时地进行了刷新。Claude Design所产出的, 已不是那种没法改动的效果图, 而是鲜活的组件, 具备可拖拽的特性, 能够去修改, 类似Figma然而更为智能。

设计规范自动校验

仍是国家公园项目, 于做首页之际, Claude先是耗费几秒去读取设计系统, 期间聊天面板滚动过品牌色值以及字体规范。右边之画布仿若打字机那般逐行生长, 标题、说明文案、手机框架遂浮现, 深绿色背景之上奶白色标签卡逐一搭好, 色调温润, 层级分明。第三段测试更为惊艳, 乃是将一个浅色主题的邮件注册页转变成为暗色版本。Claude并未直接给出图案, 而是再三去读取设计规范, 合计两遍, 又精修输出达六遍, 最终暗绿色版本得以诞生, 其对比度、层级、品牌感与浅色版本全然一致。

两条命令重塑工作流

在此三段视频的背后, 有着两条崭新的命令在提供支撑。其中一条, 需在Claude Code里进行一次敲击, 代码仓库里头的设计系统, 其中涵盖颜色、字体、组件库以及间距规则等方面, 全部都会被拽进Claude Design。每一次生成时, 均会采用真实的组件来进行搭建, 搭建完毕后自行审核, 若不符合规范便自行修改。而另一条命令则朝着相反的方向展开操作: 在终端里输入一行指令, 便能够创建设计项目、编辑已存在的设计以及同步整个设计文件夹。无需打开浏览器, 也不用切换窗口, 直接将“设计转代码”这个最为令人头疼的环节予以消除。

行业痛点一夜终结

以往的设计向代码进行交接时, 实际上就是一次存在损耗的版本导出, 而且还额外附带几场充满扯皮的会议呢。设计师是在某一个工具当中完成相关设计的, 而工程师则要在另外一个工具里再次进行搭建操作。最初的那一版在外观上看着还算过得去, 然而等把真实的组件、各种边缘情况以及响应式状态等因素 Incorporate 进来之后, 原本完整的设计稿便被拆解得支离破碎了。现如今, 这样的流程已然彻底不复存在。设计工作的完成是借助 Claude Design 来达成的, 只需一个动作就能推动由 Claude Code 进行代码编写的进程；反之亦然, 要是在代码编写过程中想要查看界面的话, 使用 /design 这一命令便能调出可视化项目。从“想法”到“上线”的完整链条被贯通。

超级智能竞赛加速

2026年上半年的时候, OpenAI、Google和Anthropic这三家公司疯狂地扩展产品线, 3月18日Google Stitch进行了大规模更新且免费, 4月17日Claude Design发布, 这使得Figma股价下跌了大约7.5%, 在发布的首周还有100万用户涌入。5月20日Figma进行反击推出了AI设计代理, 在同一时期还公布了Q1营收为3.334亿美元, 增长了46%。6月18日, Claude Design弥补了自身的不足, Vercel与Replit的高管说辞是相同的, 都统一使用“建造者”去替代“设计师”。设计工具的形势从Figma占据绝对优势, 转变为五方之间的一番混战, 而在这背后支撑着的都是朝着通用人工智能努力奋进的公司。

成为同一种人的, 并非是设计师和开发者谁被淘汰了, 而是那堵被称作“交接、标注、排期、返工”的墙给拆掉了。想知晓更多细节吗? 去www.fc-bowuguan.cn查看实测报告。你是打算启用Claude Design, 还是依旧守旧? 在评论区交流一番, 别忘了点赞分享！

猜你喜欢