突发:Claude Design震撼登场
Claude又来“干倒”一个行业了。智东西4月18日报道,昨夜,AI独角兽Anthropic推出新产品Claude Design,让用户通过使用Claude创建设计、可交互原型、PPT幻灯片、单页文档等视觉作品。(图源:X)
Claude Design功能揭秘
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%。(截至4月18日6:23,图源:网络)有网友在Claude的评论区中感叹: “Claude彻底摧毁了价值1万亿美元的设计行业。”甚至还有人直接点名Figma,说:“我本想说安息吧Figma,但它其实早就已经凉透了。(图源:X)
有趣的是,过去两年担任Anthropic首席产品官的Mike Krieger,刚刚在4月14日辞去了Figma的董事会职务。同一天The Information爆料,Anthropic的下一代模型Opus 4.7将会产生和Figma形成直接竞争关系的产品,现在看来,这款产品无疑就是Claude Design了。
用户操作体验
用户可以通过对话提出需求,还能用上传图片、提交文档、让Claude访问代码库,以及直接抓取网页素材等方式增加参考项,Claude会先向用户进行提问,做一个 “调查问卷” ,确认需求后生成一个可以编辑的初稿。(图源:YouTube)
比如,输入提示词:“设计一个互动的、黑暗主题的图形,展示文化如何在城市之间流动。一个由发光路径连接城市的旋转地球仪。”(图源:Anthropic)接着可以通过对话、内联评论、直接编辑或自定义滑块(由Claude制作)进行完善,直至达到理想效果。在地球仪这个例子里,点击右上角“Tweaks(调整)”按钮,输入“为全局和选项添加控件,以查看不同的断点”。Claude会提供一个进行微调的滑块组件,用户可以调整一些部分的颜色、大小、圆角等参数,一个符合要求的作品就诞生了!(图源:Anthropic)
再比如让Claude生成一个宁静的移动端冥想app,它开发出三个页面,右上角调整模块可选择主题色。也可以点击“Comment”按钮,要求在调整模块“添加一个暗黑模式切换”。(图源:Anthropic)
另一个例子是让Claude把一份文件变成一个美观的欢迎指南,让Claude生成初版结果后,可以点“Comment”要求它“把这个换成海岸线照片”。还可以点击“Knobs”修改字体格式和编辑页面里的文字。把柱形图改成折线图也不过一句话的事。
使用Edit功能也可以进行修改,进入这个模式后,用户可以选定任意区域,Claude会给出可以调整的组件。(图源:YouTube)还有一个很有意思的修改方式,和Comment有点像,叫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遵循自然而然的创作流程:一是品牌内置,在入职培训期间,Claude会读取你的代码库和设计文件,构建一套属于你团队的设计系统。之后的每个项目都会自动使用同款颜色、字体和组件。你可以随着时间的推移不断完善这个系统,团队也可以维护多个系统;二是多位置导入,你可以输入文本提示,可以上传图像和文档(DOCX、PPTX、XLSX),或者让Claude直接访问你的代码库。你还可以用网页截图工具,直接从你的网站抓取元素,使原型看起来更接近真实产品;三是精细控制微调,你可以直接对特定元素添加注释、编辑文本,或使用调整旋钮实时调整间距、颜色和布局。然后让Claude将你的更改应用到整个设计中;四是协作,设计稿支持组织范围内的共享,你可以将文档设为私有,也可以共享链接,让组织内任何拥有链接的人都能查看,或者授予编辑权限,以便其他人能修改设计稿,并与Claude进行群组对话;五是多位置导出,你可以将设计以内部URL的形式在组织内部共享,保存为文件夹,或导出为Canva、PDF、PPTX或独立的HTML文件;六是移交Claude Code,当设计准备就绪可以构建时,Claude会将所有内容打包到一个移交包中,你只需一条指令即可将其传递给Claude Code。
接下来的几周里,Anthropic计划简化与Claude Design的集成,以便用户可以将其连接到团队已经在使用的更多工具。
行业现状与未来趋势
Figma股价下跌,反映出被吓到的短期市场情绪。设计软件行业正在持续收到来自AI产品的冲击,随着用户预期和使用习惯迁移,越来越多的人开始觉得好像不需要那么专业的工具,也能生成一个称心如意的作品。在可编辑性和专业设计能力上,纯AI生成还有很长的路要走。当前AI工具的价值更多是让不懂设计的人能低门槛地实现自己的创意,而非让设计师失业。不过这可能会导致Figma等专业工具的用户规模的入口收窄。比如以前很多原本会去学Figma的创业者和产品经理,现在可能直接就被Claude Design给截住了。Claude进入某个传统软件赛道,导致对应股票当天大跌的剧情,已经反复上演过好多次。但大跌之后的那些公司,并没有消失,他们面临的压力是真实的,但它们也在通过将AI融入产品,为用户带来更好的体验。