近日,AI独角兽Anthropic推出了一款名为Claude Design的新产品。
该产品使用户能够通过与人工智能助手Claude的互动来创建设计、可交互原型以及演示文稿等视觉作品。
用户可以通过对话、内联评论或直接编辑等方式对生成的设计进行修改,同时支持将成果导出至Canva或其他格式保存,并可以一键打包发送给Claude Code以生成代码。

事实上,Anthropic早在之前就已尝试过设计方向的探索。其曾推出名为frontend-design的Skill来优化网页设计效果。
随着视觉能力更强的Opus 4.7模型的支持,Anthropic实验室团队顺利发布了Claude Design这款产品。
市场对此反应强烈,美国著名设计软件公司Figma的股价应声下跌了近7%。
在社交媒体上,有用户评论称Claude将彻底颠覆价值万亿美元的设计行业,并暗示Figma已无立足之地。
有趣的是,在前几日,Anthropic首席产品官Mike Krieger刚刚从Figma董事会辞职。而在同一天,《信息》杂志报道了下一代模型Opus 4.7将推出与Figma直接竞争的产品,现在看来,Claude Design正是其中之一。
用户可以通过多种方式提出需求并上传文件或网页截图等参考资料,让Claude生成初稿,并在后续的编辑和微调中不断完善设计作品。

比如用户要求设计一个互动、黑暗主题的城市文化流动图形时,Claude会通过提问的方式确认具体的需求细节后开始创作,之后用户可以通过各种方式进行修改直到满意为止。
除了调整参数外,还可以使用“Draw”模式直接在作品上绘制和标注,并即时查看效果反馈。

完善后的设计可以方便地导出为多种格式或发送给其他平台进行进一步编辑与优化。
Claude Design的应用场景广泛,包括但不限于可交互原型、产品功能图、演示文稿制作以及营销材料创建等。几乎适用于企业内的任何岗位。
目前该服务仅向Pro、Max、Team和Enterprise订阅用户开放,且已包含在其现有套餐中。
在使用体验上,Claude Design从设计生成到编辑修改再到团队协作,每个环节都旨在降低创作的门槛,并简化工作流程。
一方面,它能自动构建公司专属的设计系统;另一方面,支持灵活导入各类文件格式和网页截图等资料作为参考素材。

用户还能对特定元素进行细致调整,让设计达到更加完美的效果。同时,还提供了多种协作功能,便于团队内部共享与编辑文档。
设计成果可以以多种形式导出或直接发送给Claude Code进一步开发应用。

未来几周内,Anthropic计划简化与这款产品的集成方式,以便用户能更方便地将其连接至更多常用工具中。
总结而言,在人工智能技术的冲击下,设计软件行业不断进化。虽然一些老牌公司可能面临挑战,但它们也在积极拥抱新技术以满足新时代的需求。
在地球仪这个例子里,点击右上角“Tweaks(调整)”按钮,输入“为全局和选项添加控件,以查看不同的断点”。Claude会提供一个进行微调的滑块组件,用户可以调整一些部分的颜色、大小、圆角等参数,一个符合要求的作品就诞生了!

▲Tweaks模式(图源:Anthropic)
再比如让Claude生成一个宁静的移动端冥想app,它开发出三个页面,右上角调整模块可选择主题色。
也可以点击“Comment”按钮,要求在调整模块“添加一个暗黑模式切换”。

▲Comment模式(图源:Anthropic)
另一个例子是让Claude把一份文件变成一个美观的欢迎指南,让Claude生成初版结果后,可以点“Comment”要求它“把这个换成海岸线照片”。

还可以点击“Knobs”修改字体格式和编辑页面里的文字。

把柱形图改成折线图也不过一句话的事。

使用Edit功能也可以进行修改,进入这个模式后,用户可以选定任意区域,Claude会给出可以调整的组件。

▲Edit编辑页面(图源:YouTube)
还有一个很有意思的修改方式,和Comment有点像,叫Draw。这个模式下用户可以在初稿上自由划线、圈选,然后在下方的对话框上输入修改意见就好了。

▲Draw页面(图源:YouTube)
设计好的作品一键即可下载成压缩包、导出为PDF、导出为PPTX、发送给Canva、导出为独立HTML,或者交给Claude Code。

不过Claude发布的视频中,展现的修改功能和开发者实际体验有所不同,官方视频中共有Tweaks、Comment、Edit text、Knobs以及Draw这五个功能区,但在开发者实测中,Edit替代了Edit text和Knobs的位置。
二、人人可用,用途几乎覆盖企业每个岗位
Anthropic总结了一些Claude Design的用途:
可交互原型:设计师可以用来将静态样品转为可共享的交互式原型,进而更好地收集反馈和进行测试,无需代码审查或PR。
产品功能图和原型:PM可以用它绘制产品功能图,然后丢给Claude Code做个原型,或者把链接分享给设计师进一步完善。
探索设计方向:设计师可以快速探索各种各样的设计方向。
做演示文稿:老板和客户经理可以轻松用它制作出完整的、符合品牌形象的PPT。
营销材料:营销人员可以创建着陆页、社交媒体素材和活动视觉素材,然后让设计师进行润色。
前沿设计:任何人都可以构建带有语音、视频、着色器、3D功能以及内置AI的原型。
目前,Claude Design仅向Pro、Max、Team和Enterprise订阅用户开放,原套餐即包含这项功能。
三、从生成、编辑、导出到团队协作,全链条降低创作门槛
在工作原理上,Claude Design遵循自然而然的创作流程。
1、你的品牌已内置其中。在入职培训期间,Claude会读取你的代码库和设计文件,构建一套属于你团队的设计系统。之后的每个项目都会自动使用同款颜色、字体和组件。你可以随着时间的推移不断完善这个系统,团队也可以维护多个系统。
以前你跟AI说要设计一个蓝色的登录页,它理解的蓝色可能跟你想要的蓝色两模两样,现在Claude Design记住了你的团队规范,知道你想要的色号和字体。
2、你可以从任何位置导入。你可以输入文本提示,可以上传图像和文档(DOCX、PPTX、XLSX),或者让Claude直接访问你的代码库。你还可以用网页截图工具,直接从你的网站抓取元素,使原型看起来更接近真实产品。
3、使用精细的控制功能进行微调。你可以直接对特定元素添加注释、编辑文本,或使用调整旋钮实时调整间距、颜色和布局。然后让Claude将你的更改应用到整个设计中。
4、协作。设计稿支持组织范围内的共享,你可以将文档设为私有,也可以共享链接,让组织内任何拥有链接的人都能查看,或者授予编辑权限,以便其他人能修改设计稿,并与Claude进行群组对话。
5、导出到任何位置。你可以将设计以内部URL的形式在组织内部共享,保存为文件夹,或导出为Canva、PDF、PPTX或独立的HTML文件。
6、移交给Claude Code。当设计准备就绪可以构建时,Claude会将所有内容打包到一个移交包中,你只需一条指令即可将其传递给Claude Code。
接下来几周里,Anthropic计划简化与Claude Design的集成,以便用户可以将其连接到你的团队已经使用的更多工具。
结语:重压之下不断升级,设计软件行业在AI冲击中前进
Figma股价下跌,反映出被吓到的短期市场情绪。设计软件行业正在持续收到来自AI产品的冲击,随着用户预期和使用习惯迁移,越来越多的人开始觉得好像不需要那么专业的工具,也能生成一个称心如意的作品。
在可编辑性和专业设计能力上,纯AI生成还有很长的路要走。当前AI工具的价值更多是让不懂设计的人能低门槛地实现自己的创意,而非让设计师失业。
不过这可能会导致Figma等专业工具的用户规模的入口收窄。比如以前很多原本会去学Figma的创业者和产品经理,现在可能直接就被Claude Design给截住了。
Claude进入某个传统软件赛道,导致对应股票当天大跌的剧情,已经反复上演过好多次。但大跌之后的那些公司,并没有消失,他们面临的压力是真实的,但它们也在通过将AI融入产品,为用户带来更好的体验。
