乐于分享
好东西不私藏

真实业务实测|4 大 AI 设计原型工具横向对比

真实业务实测|4 大 AI 设计原型工具横向对比

横向对比 Claude Design、ChatGPT Images 2.0、Google Stitch、Figma Make 四款主流 AI 设计 / 原型工具,省流版直接上结论:

😈
同一个 Prompt,要求输出一款完整的面向 C 端的消费级 AI 产品,一共 117 行。Prompt 里不仅要求同时输出至少 8 个主页面,还包含二级、三级页面,以及我对设计风格、业务逻辑、交互细节等一系列要求。
最终结果是,Claude Design 真的是夯爆了!输出成品已经接近可以直接交付、可以和研发对接的程度了。

实测排名:

Claude Design > ChatGPT Images 2.0 > Figma Make > Google Stitch

一、Claude Design

  • 开始设计前会先跟你澄清设计需求,并给出相应建议,这点体验非常好。并且它不只是输出原型交互,也会同步输出多套视觉系统、色彩模板供你选择。
  • 设计定稿后,在 Claude Design 里选择 Handoff,可以直接转入CC继续深入 Coding。
  • CC 会自动解析设计内容,并生成对应的页面代码、design tokens(颜色、字体、间距等)、组件结构、交互逻辑啥的都会带到CC内,保持视觉风格设计语言的统一。
  • 整体感受就是:已经不是简单帮你“画个界面”,而是更接近从产品理解、视觉探索、原型设计到研发交接的一整套工作流。唯一缺点就是贵,不够用,弄着弄着就会去看额度,好焦虑好焦虑~不过大家用的时候可以考虑在CD中固定设计风格,让CC按此风格输出后续页面,能省一点是一点,勒紧裤腰带过日子~

二、ChatGPT Images 2.0

  • 真的不要小看这个生图模型,强烈安利,设计 Logo、品牌视觉、产品原型、主视觉,它都 OK,而且审美稳定在线。
  • 我个人觉得它特别适合先做视觉方向探索。比如可以先让 ChatGPT Images 2.0 设计主视觉、品牌调性、关键页面风格,然后再反推 Design,再给到 CC 或 Codex 里继续 coding。
  • 它的优势是审美很稳,出图也很会抓氛围感,尤其适合 C 端产品前期定风格。
  • 对啦,这篇公众号封面图就是用Images 2.0生成的哦!排版用的「赛博禅心」公众号排版器,安利安利~

三、Figma Make

  • 毕竟是老牌设计工具 Figma 体系里的东西,还是有底子的。
  • 我选择 Gemini 3.1 Pro 测试后,整体效果中等,比 Stitch 好一些,但不及 ChatGPT Images 2.0。没有明显的 UI 错误,页面结构也算规整,但审美就比较平平无奇,属于无功无过吧。
  • 适合做一些基础原型和常规页面探索,但如果你想要那种“哇,这个设计有点东西”的感觉,它目前给我的惊喜感还不够。

四、Google Stitch

  • 这个是最让我意外的,也可能是我打开方式不对,反正它没有“稳稳接住我”。刚开始我对Stitch期待还是蛮高的,毕竟是 Google 官方的 AI 设计工具,业内也有不少同学对 Google 的审美和大模型能力是比较认可的。但我实际测试下来,效果真的很一般~
  • 主要问题包括:文字换行参差不齐、按钮变形、页面细节不稳定、整体审美中下。
  • 碎碎念:我真的没想到它会出现按钮变形这种低级问题,强迫症很难受的好不。我一开始还怀疑是不是我的 Prompt 有问题,可是同一个 Prompt,Design、Images 2.0、Figma Make 都没出现这个问题,咋就 Stitch 有问题呢?所以拒绝内耗,就是 Stitch 问题,hhhh~~