AI 应用风向标（公众号：ZhidxcomAI）

作者｜毕伟豪

编辑｜漠影

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 了。

一、一句话让 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 的位置。

二、人人可用，用途几乎覆盖企业每个岗位

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 融入产品，为用户带来更好的体验。