Claude Design 火了之后,大家到底测出了什么?

Claude Design 火了之后,大家到底测出了什么?

这两天,Claude Design 在网上的热度很高。X 上有人把它说成 Figma 的新对手,也有人一边惊叹一边泼冷水:好看是好看,真做项目时到底顶不顶用,得另说。

我把官方介绍、设计师实测、工程拆解和论坛讨论翻了一圈。看完以后我最大的感受是:这次大家讨论的重点,不只是“Claude 会不会设计界面”,而是 AI 工具是不是开始从“帮你出点素材”,往“直接接管一段设计流程”走了。

如果只看结论,我的判断很简单:Claude Design 现在最强的地方,不是替代设计师,也不是一键生成最终稿,而是把“从想法到第一版可讨论原型”的时间压得很短。它很适合抢前期速度,但离稳定接管正式设计交付,还有一段距离。

一、Claude Design 为什么一下子把大家都看激动了

不是因为大家第一次看到 AI 做界面,而是因为 Claude Design 这次把几件原本分散的事收成了一个完整体验。

它不只是吐一张图。按照 Anthropic 的说法,Claude Design 可以直接做 mockup、交互原型、slides、one-pager,还能吃进图片、文档、代码库,甚至从已有网页里抓元素。这个动作一旦成立,它就不是“灵感工具”,而是一个工作台。

另一个让大家警觉的点,是它主打“带着品牌系统做输出”。过去很多 AI 设计工具最让人头疼的一点,就是永远有股模板味。Claude Design 试图绕开这个问题,它让团队把现有代码和设计资产喂进去,再让后续产出自动沿用已有颜色、字体和组件。

还有一点很关键,它被放进了 Claude 自己那套更完整的链路里。前面是对话和生成,中间是设计产物,后面还能交给 Claude Code 做实现。很多人真正兴奋的,其实不是“又多了一个生成器”,而是“产品想法、原型、实现,终于有机会串成一条线”。

二、这波夸声,到底在夸什么

公开反馈里,正面评价大概集中在三个地方。

第一,它真的在缩短“空白页时间”。很多人对 Claude Design 的第一印象,不是精细,而是快。以前做一个想法验证,常常要在文档、白板、Figma、PPT 之间反复切。现在更像是:你先把需求说出来,Claude 先给你一个能讨论的版本,再继续往下改。官方提到过案例,说有些页面以前要二十多轮提示才能磨出来,在 Claude Design 里两轮就够了。这个说法有宣传成分,但从多篇实测文章的口径看,它在“先拉起第一版”这件事上,确实比很多人预期更顺。

第二,它对“说不完整的话”容忍度更高。有设计师提到,当需求没有说透时,Claude 不一定会立刻乱补,而是先把缺口指出来,再给一个方向让你确认。这个体验和不少急着交卷的 AI 设计工具不太一样。

第三,它对非设计岗位很友好。真正最容易立刻上手的,不一定是资深设计师,而可能是产品经理、创始人、市场团队,甚至是要临时产出方案的人。因为他们最需要的,往往不是一套完美设计系统,而是一份“可以拿去开会”的东西。

三、真开始上手后,问题也一股脑冒出来了

热度高,不代表质疑少。最常见的一类批评,是它离“可维护的正式设计文件”还有距离。

设计师 Chris Hartley 的实测里提到几个很典型的问题:它会先帮你建组件,但接着画页面时却不稳定地复用这些组件;它会跳过 Auto Layout;你手动改过的东西,如果约束讲得不够死,它可能会按自己的理解重新做一版。这个问题在真实团队里很要命,因为它会让结果“能看”,却不太“能接着做”。

另一个槽点,是长会话里的状态漂移。简单讲,聊久了以后,Claude 可能忘记前面已经定下来的部分。做灵感探索还好,做成体系的项目时就很烦。

还有一类批评来自更偏工程的人。他们不是在测“好不好看”,而是在拆“它到底怎么做出来的”。有开发者读了导出的 bundle 之后发现,很多看起来像“魔法一样”的交互,背后其实是已经写好的 HTML、CSS token、Web Component 和前端 runtime 在工作。换句话说,Claude Design 的强,不完全是“模型自己突然成了顶级设计师”,而是 Anthropic 把一整套适合生成、导出、交付的运行框架先搭好了。

四、它到底会不会让 Figma 睡不着

这是网上最容易吵起来的话题。我的看法是,会有压力,但压力和很多人想的不太一样。

Claude Design 短期内不太像是来正面接管 Figma 主战场的。专业设计团队需要的协作、版本、组件治理、精细交互、规范落地,这些都不是一句“生成更快”就能抹平的。真进入企业设计流程,最后一公里通常都很硬。

但它会动到 Figma 和类似工具的外围地带,而且这个外围其实很大。比如提案页、活动页、原型探索、营销素材、概念验证、内部演示,这些东西以前也经常在设计工具里做,但并不一定都值得走一整套重流程。谁能更快把“还没成形的需求”变成一个像样的东西,谁就更容易先拿到入口。

所以更准确的说法可能不是“Claude Design 现在能不能替代 Figma”,而是“它已经开始截走一部分本来会流向 Figma 的前期工作”。

五、看到最后,我反而更确定它真正厉害的地方

如果你问我,Claude Design 现在最值得关注的是什么,我会说不是它画得有多惊艳,而是它把设计工具的价值判断往前挪了一步。

以前大家会问,最后做出来的稿子够不够精。现在越来越多人开始先问,谁能更快把模糊想法变成一个能讨论、能演示、能接开发的东西。

从这个角度看,Claude Design 的位置就很清楚了:它不是来终结设计师的,它是来压缩“从想法到第一版”的时间,并把这段流程从传统设计软件里抽出来,塞回对话式工作流里。

这会带来两个很现实的变化。一是非设计岗位会更早进入视觉产出环节。二是专业设计师的价值会进一步往后收,更集中在定系统、收质量、校交互、控一致性这些难被一句 prompt 替代的地方。

所以我不太想把 Claude Design 理解成“又一个 AI 设计功能”。它更像是在试一件事:如果设计的前半段可以被对话和模型重写,设计团队、产品团队、开发团队之间的分工会不会跟着变。

热闹会过去,截图也会过时,但只要这条链路能跑通,后面的产品不会只有 Claude Design 一个。

参考链接

  1. Anthropic 官方:Introducing Labs
    http://www.anthropic.com/news/introducing-anthropic-labs

  2. Anthropic 官方:Introducing Claude 4(页面底部关联到 Claude Design)
    https://www.anthropic.com/news/claude-4

  3. Claude 插件页:Design
    https://claude.com/plugins/design

  4. SEP / Chris Hartley:I Had Claude Design an App via Figma Console MCP. Here's What Happened.
    https://sep.com/blog/claude-figma-console-mcp-designed-an-app-from-scratch/

  5. DEV Community:Claude Design Looks Like AI Magic. Reading the Source, It's Four Engineering Patterns.
    https://dev.to/ernham/claude-design-looks-like-ai-magic-reading-the-source-its-four-engineering-patterns-3p9m

← 返回博客列表