您可以捐助,支持我们的公益事业。

1元 10元 50元





认证码:  验证码,看不清楚?请点击刷新验证码 必填



  求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Model Center 汽车系统工程   模型库  
会员   
   
基于SysML和EA进行系统设计与建模
7月16-17日 深圳+线上
UAF架构体系与实践
7月23-24日 北京+线上
Spec Driven Development 工程化实践
7月28-29日 北京+线上
     
   
 订阅
今天起,Claude Design要把设计师和程序员变成同一种人了
 
 
  4   次浏览      1 次
 2026-6-23
 
编辑推荐:
本文主要介绍了Anthropic公司对AI设计工具Claude Design的重大更新,其核心是打通设计与编程环节,让设计师和开发者能通过同一平台协作,从而可能模糊两种职业的边界,希望对你的学习有帮助。
本文来自于新智元,由火龙果软件Alice编辑推荐。

猝不及防!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,三家正在冲刺通用人工智能的公司,不约而同把手伸进了设计领域。

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

图片

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

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

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

   
4   次浏览       1 次
相关文章

基于图卷积网络的图深度学习
自动驾驶中的3D目标检测
工业机器人控制系统架构介绍
项目实战:如何构建知识图谱
 
相关文档

5G人工智能物联网的典型应用
深度学习在自动驾驶中的应用
图神经网络在交叉学科领域的应用研究
无人机系统原理
相关课程

人工智能、机器学习&TensorFlow
机器人软件开发技术
人工智能,机器学习和深度学习
图像处理算法方法与实践

最新活动计划
UAF架构体系与实践 7-23[北京]
SysML和EA系统设计与建模 7-16[深圳]
Spec 驱动开发(SDD)实战 7-28[北京]
AI辅助软件测试方法与实践 7-31[在线]
AI智能体开发技术实践 8-6[上海]
基于UML和EA系统分析设计 8-20[上海]
 
 
最新文章
AIGC技术与应用全解析
详解知识图谱的构建全流程
大模型升级与设计之道
自动驾驶和辅助驾驶系统
ROS机器人操作系统底层原理
最新课程
人工智能,机器学习和深度学习
人工智能与机器学习应用实战
人工智能-图像处理和识别
人工智能、机器学习& TensorFlow+Keras框架实践
人工智能+Python+大数据
成功案例
某综合性科研机构 人工智能与机器学习
某银行 人工智能+Python+大数据
北京 人工智能、机器学习& TensorFlow
某领先数字地图提供商 Python数据分析
中国移动 人工智能、机器学习和深度学习