Claude Design：不会设计也能出高保真原型

▲ 点击上方图片无缝跳转观看完整视频

4月14号，Figma 董事 Mike Krieger 辞职。3天后，Anthropic 发布 Claude Design，Figma 股价当日跌了 7%！ 巧合吗？这位辞职的董事，正是 Anthropic 的现任 CPO！ 前脚看完老东家底牌，后脚带队精准爆破。这哪是巧合，分明是贴脸开大的明牌商战！好，八卦说完了，我们现在聊聊Claude Design。

Claude Design 到底是什么？

简单说，它是 Anthropic Labs 出的一个 AI 视觉创作工作区，底层跑的是他们最新的 Opus 4.7 视觉模型。

但别把它理解成"更聪明的 Figma"，它干的事情完全不一样。

它解决的核心问题是：从"脑子里有个想法"到"眼前有个可以点的原型"，这中间那段最抽象复杂的事。

以前要怎么做？产品经理写 PRD，设计师出高保真图，再和相关团队人员沟通评审，来回拉锯一两周，最后做出来的东西可能和最初的想法已经偏了十万八千里。

有了Claude Design后：不用这么麻烦，立马有了具象化的原型。

---

主要能干什么？

官方列出来的场景挺全的，我提几个实际用得上的：

做可交互原型。不是静态截图，是真能点的那种。产品经理可以直接拿去做用户测试，不需要走设计流程，不需要过代码评审。

做路演 PPT。从大纲到一套完整、看起来有点专业的 deck，官方说"几分钟搞定"——当然实际效果要打折扣，但比自己从零手搓快多了。

做落地页和营销素材。给市场和运营用，之后再拉设计师进来精修。

另外有一个比较硬核的点：你可以让它直接读你的代码库或者设计规范文件，它会自动提取你的品牌色、字体、组件，之后生成的每一个页面都会自动带上你的品牌基因，不会每次都给你一个白底蓝字的默认模板。

---

这玩意儿对谁最有用？

我觉得有两类人会最先感受到它的价值：

一类是没有设计背景、但需要把想法可视化的人——创业者、产品经理、营销同学。以前你要么就憋出一个极其丑陋的 PPT，要么就等设计师排期，现在至少有个"先能看"的版本可以拿出去沟通。

另一类是追求速度的独立开发者。省掉画 UI 这步，直接从想法跳到可运行的代码，砍掉最头疼的 Handoff 环节。

设计师当然也能用，主要是快速探索方向，不用每次都把一个概念打磨到 70 分才敢给人看。

---

我实际测了一下，做了个英语启蒙 App

我家小孩还在幼儿园，一直想找一个适合幼儿园到小学阶段学英语的 App，但市面上不是太幼稚就是太无聊。于是我用 Claude Design 自己折腾了一个 prototype，风格参考多邻国，但内容更聚焦小龄儿童。

第一步：建设计系统。 我告诉它我想要的调性：充满趣味、友好、吸引人且有安全感。我想要的颜色：明亮但柔和的糖果色/马卡龙色（如天空蓝、薄荷绿、阳光黄、珊瑚粉。它直接给我生成了一套色板和基础排版规范，后续所有页面都自动套用，不需要每次重新描述。

第二步：描述需求。 我的 prompt 大概是： "我想设计一款类似多邻国（Duolingo）的英语学习App的高保真交互原型，目标用户是幼儿园到小学的儿童。"

大概十几分钟，它给我出了5个页面的高保真原型：首页、词汇闯关页、排行榜页、书包页、个人中心页。视觉上看起来已经是那么个意思了，有通关进度条，有单词闯关的交互状态。

第三步：细节调整。 我发现有的页面没生成完成，所以在继续沟通，让 Claude 帮我把具体页面生成，过了几分钟，就生成完成，并且我可以点击操作。

整个过程我估计用了不到1小时，以前这套东西光和设计师对齐需求可能就要折腾好几天。

---

价格是多少？

目前 Claude Design 已经包含在 Claude Pro、Max、Team、Enterprise 订阅里，不需要额外付费，用的是你订阅内的额度。

但有个坑要提前说清楚：底层调用的是 Opus 4.7，这个模型吃 Token 是真的猛。实测做一套稍微复杂一点的设计，可能一下子就把 Pro 账号一天的额度砸进去相当大一块。

所以不是说它不好用，是它比较贵。如果你要用来跑复杂的产品原型，Max 计划会比 Pro 更扛得住。

---

跑完这一圈，感受是：Claude Design 没有在"取代 Figma"，至少现在没有。Figma 在专业设计团队里的位置，它暂时还撼动不了。

但它真正改变的是"从零到能看"的速度。以前需要一周的沟通成本，现在可能一个下午就解决了。

对于有想法、缺资源的创业者和独立开发者来说，这个提速是真实的。