
作者 | 毕伟豪
编辑 | 漠影
Claude又来“干倒”一个行业了。
智东西4月18日报道,昨夜,AI独角兽Anthropic又放大招,推出新产品Claude Design,让用户通过使用Claude创建设计、可交互原型、PPT幻灯片、单页文档等视觉作品。

▲Anthropic发布新产品Claude Design(图源:X)
Claude会根据需求生成初稿,用户可以通过对话、内联评论、直接编辑以及自定义滑块的方式来进行修改。
Claude Design生成的结果支持导出到任何位置,可以导入至Canva,或者以PPT、PPTX、HTML等格式保存,还能一键打包至Claude Code生成代码。
其实很久之前Anthropic就有过设计方向的尝试,Claude Code曾推出过一个叫frontend-design的Skill,专门用来优化Claude Code的网页设计效果。
而现在有了视觉能力更强大的Opus 4.7模型提供支持,Anthropic Labs团队便顺理成章地发布了Claude Design这个产品。
资本市场的反应一如既往暴力。消息一出,美国设计软件龙头Figma股价应声下跌6.84%。

▲Figma股价下跌,截至4月18日6:23(图源:网络)
有网友在Claude的评论区中感叹:“Claude彻底摧毁了价值1万亿美元的设计行业。”甚至还有人直接点名Figma,说:“我本想说安息吧Figma,但它其实早就已经凉透了。

▲网友在Claude评论区原帖(图源:X)
有趣的是,过去两年担任Anthropic首席产品官的Mike Krieger,刚刚在4月14日辞去了Figma的董事会职务。
同一天The Information爆料,Anthropic的下一代模型Opus 4.7将会产生和Figma形成直接竞争关系的产品,现在看来,这款产品无疑就是Claude Design了。
01.
一句话让Claude做设计
还能随时编辑,自由导出
用户可以通过对话提出需求,还能用上传图片、提交文档、让Claude访问代码库,以及直接抓取网页素材等方式增加参考项,Claude会先向用户进行提问,做一个“调查问卷”,确认需求后生成一个可以编辑的初稿。

▲Claude在任务执行之前先提问(图源:YouTube)
比如,输入提示词:“设计一个互动的、黑暗主题的图形,展示文化如何在城市之间流动。一个由发光路径连接城市的旋转地球仪。”

▲生成旋转地球仪(图源:Anthropic)
接着你可以通过对话、内联评论、直接编辑或自定义滑块(由Claude制作)进行完善,直至达到理想效果。
在地球仪这个例子里,点击右上角“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的位置。
02.
人人可用,用途几乎覆盖企业每个岗位
Anthropic总结了一些Claude Design的用途:
可交互原型:设计师可以用来将静态样品转为可共享的交互式原型,进而更好地收集反馈和进行测试,无需代码审查或PR。
产品功能图和原型:PM可以用它绘制产品功能图,然后丢给Claude Code做个原型,或者把链接分享给设计师进一步完善。
探索设计方向:设计师可以快速探索各种各样的设计方向。
做演示文稿:老板和客户经理可以轻松用它制作出完整的、符合品牌形象的PPT。
营销材料:营销人员可以创建着陆页、社交媒体素材和活动视觉素材,然后让设计师进行润色。
前沿设计:任何人都可以构建带有语音、视频、着色器、3D功能以及内置AI的原型。
目前,Claude Design仅向Pro、Max、Team和Enterprise订阅用户开放,原套餐即包含这项功能。
03.
从生成、编辑、导出到团队协作
全链条降低创作门槛
在工作原理上,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的集成,以便用户可以将其连接到你的团队已经在使用的更多工具。
04.
结语:重压之下不断升级
设计软件行业在AI冲击中前进
Figma股价下跌,反映出被吓到的短期市场情绪。设计软件行业正在持续收到来自AI产品的冲击,随着用户预期和使用习惯迁移,越来越多的人开始觉得好像不需要那么专业的工具,也能生成一个称心如意的作品。
在可编辑性和专业设计能力上,纯AI生成还有很长的路要走。当前AI工具的价值更多是让不懂设计的人能低门槛地实现自己的创意,而非让设计师失业。
不过这可能会导致Figma等专业工具的用户规模的入口收窄。比如以前很多原本会去学Figma的创业者和产品经理,现在可能直接就被Claude Design给截住了。
Claude进入某个传统软件赛道,导致对应股票当天大跌的剧情,已经反复上演过好多次。但大跌之后的那些公司,并没有消失,他们面临的压力是真实的,但它们也在通过将AI融入产品,为用户带来更好的体验。