从 Pencil 和 Stitch,看 AI 设计工具的两条路

0 评论 218 浏览 1 收藏 19 分钟

设计行业的边界正在被AI工具重新定义。Google Stitch通过降低设计门槛让非专业人士也能快速生成界面,而Pencil则将设计直接融入开发流程,消除交接成本。这两款工具从不同路径挑战传统设计工具Figma的霸主地位,也预示着设计师角色的深刻分化。本文深度解析两种AI设计工具的底层逻辑与市场影响,揭示设计能力从独立职能向全流程渗透的行业趋势。

一个在问「设计能不能被替代」,另一个在问「设计和开发的边界还有没有必要存在」。

一、引言:同一个时代,两种答案

我做了六年设计师,去年转型做 AI 产品经理。

这个转变不是因为我觉得设计没有未来,恰恰相反——正是因为我在设计岗上每天都在感受 AI 对这个行业的冲击,我才决定站到更靠近工具本身的位置,去看清楚它到底在往哪里走。

最近两周,我的信息流里同时出现了两款工具:Google StitchPencil。前者是谷歌刚刚发布 Beta 版的 AI 设计平台,后者是从一个在开发者社区里悄悄发展出来的 IDE 设计插件。两款工具都在讨论「AI 和设计」,但它们给出的答案,几乎截然相反。

Stitch 在问:设计这件事,能不能让不懂设计的人来做?

Pencil 在问:设计这件事,还有没有必要独立存在?

这两个问题,指向同一个终点——设计这件事的边界,正在被重新定义。但路径完全不同,影响的人群也完全不同。

作为一个在设计和产品之间穿行过的人,我想把这两条路说清楚。

二、Stitch:把设计的门槛降到零

它从哪里来

很多人不知道,Stitch 本来不是谷歌自己造的东西。

它的前身叫 Galileo AI,2022 年出来的时候算是划时代产品——第一个能把文字描述变成 UI 设计稿的工具。当时设计圈炸锅了,觉得这东西要抢饭碗。结果后来发现它只能生成静态页面,用完还要手动搬进 Figma 继续改,不少人用了一两次就放下了。

2025 年 Google I/O,谷歌把 Galileo 收购了,改名 Stitch,塞进 Google Labs 孵化。2026 年 3 月,Stitch 正式发布 Beta 版,一口气推出五大核心功能。

它在解决什么问题

Stitch 的核心逻辑,是把「会设计」这个能力门槛打掉

旧版 Stitch 的工作方式很线性:你输入 prompt,它输出界面,你拿走,结束。就像点外卖,餐厅做什么你吃什么,改一个细节还得重新下单。

Beta 版彻底变了。现在的 Stitch 是一块真正意义上的无限画布,你可以直接把图片、代码片段、参考截图、文字描述,统统扔进去当上下文。比如你做一个健康 App,可以把竞品截图拖进画布,旁边写一段「我想要比这个更温暖的风格,用户群是 25\~35 岁女性」,然后让 AI 在这个语境里设计,而不是对着空白从头说清楚一切。

但真正体现 Stitch 方向感的,是两个功能:

Vibe Design,把「画什么」变成「要什么氛围」。你不再需要指定具体的组件,而是描述一个业务目标、期望的用户感受或设计灵感。「我希望这个感觉高端而极简,像 Stripe 的网站一样」「要有趣味性和色彩感,面向 Z 世代,灵感来源于 Duolingo」——Stitch 会生成多个捕捉该氛围的设计方向,让你在做出决定前广泛探索。

Voice Canvas,把「打字操作」变成「说话对话」。你可以直接对着画布说「给我三个不同的菜单样式」「把这个页面换成深色模式看看」,AI 实时响应,直接在画布上改。更有意思的是,它可以反过来「采访」你——你说我要做一个健身 App,它会开始问你:目标用户是谁?主要功能是什么?风格偏向运动激情还是健康平静?然后根据你的回答去设计。

这有点像和真人设计师开需求会,只不过这个设计师几秒钟就能出稿,而且不会中途说「这个要额外加钱」。

它真正服务的是谁

Stitch 的目标用户,从来不是专业设计师。

独立开发者、创业公司早期、产品经理自己验证想法——这些场景里,没人会先去买一个 Figma 专业版账号、花两周搭组件库,然后才开始画第一个页面。以前做一个 MVP 原型用来融资路演,没个熟练的设计师帮忙,少说一周。现在呢?自己上,当天出活。

投资人看的不是设计有多精致,而是逻辑说不说得通。Stitch 给了你一个够用的演示载体,剩下的靠你讲故事。

这是 Stitch 的本质:设计能力的民主化。它在扩大「会设计的人」的范围,而不是替代「已经在设计的人」。

三、Pencil:把设计这件事「内化」进开发流程

它是什么

Pencil 是一款 AI 驱动的界面设计工具,由前 Google 设计师团队打造。

和 Stitch 不同,Pencil 没有独立的网页端入口,它的主战场是你的 IDE。它可以作为 MCP Server 接入 Claude Code、Cursor、Opencode 等 AI 编程工具,也有独立的桌面客户端(支持 macOS 和 Windows)。

Pencil 的核心是一个供 AI 代理使用的无限设计画布。它允许任何人在编码环境中设计、构建甚至创建应用程序。设计文件直接存在于代码库中,而不是一个独立的交付物。

它在解决什么问题

理解 Pencil,要先理解它想消灭的东西——设计和开发之间的「交接」这个环节

传统的设计开发流程是这样的:

这个流程里,有一个巨大的摩擦点:设计稿和代码是两个独立的世界。设计师改一个颜色,工程师要重新写 CSS;工程师实现出来的效果,设计师要逐像素核对。两个角色之间的「翻译成本」,往往比实际开发时间还要长。

Pencil 的解法是:让设计文件直接活在代码库里

你可以像在 Figma 或者其他设计工具中一样,直接在画布中创建 UI 设计和布局。设计稿和代码实时同步:画布上挪一个按钮,代码里的 CSS 自动更新。你还可以直接复制 Figma 设计并粘贴到 Pencil 中,所有样式、所有布局、所有设置都得以保留。

更关键的是,Pencil 支持丰富的 UI 包,比如 Lunaris(Halo 设计系统)、Swiss Clean 等,AI 代理可以直接调用这些包来生成高质量的界面。你只需要给一句提示「创建一个现代化的 SaaS 着陆页,参考 Lunaris UI 包和 Swiss Clean 样式」,AI 就能在 Pencil 画布上生成完整的着陆页,而且看起来不像 AI 生成的粗糙作品。

它真正服务的是谁

Pencil 的目标用户,是已经在写代码的人

独立开发者、全栈工程师、一人公司——这些人本来就不打算雇设计师,但他们需要一个看起来像样的界面。Pencil 让他们在不离开 IDE 的情况下,完成从设计到代码的全流程。

Pencil 的本质:消除设计与开发之间的交接成本。它不是在替代设计师,而是在让「设计」这个动作,变成编码过程的一部分。

四、两条路的本质差异:谁是用户,谁是工具

说清楚了两款工具各自在做什么,现在可以做一个更深入的比较了。

表面上看,Stitch 和 Pencil 都是「AI 设计工具」,都支持自然语言输入,都能生成 UI,都免费。但它们的底层逻辑,是完全不同的两件事。

这张表里最关键的一行,是最后一行。

Stitch 是在扩大「会设计的人」的范围,Pencil 是在缩小「需要设计这道工序」的场景。 前者是增量市场,后者是流程重构。

一个更直观的类比:Stitch 像是给不会做饭的人配了一个智能厨房,让他们也能做出像样的菜。Pencil 像是把厨房直接搬进了餐厅后台,让厨师在炒菜的同时就完成了摆盘。前者在解决「准入门槛」的问题,后者在解决「流程冗余」的问题。

五、Figma 夹在中间:护城河还在,但入口在收窄

Stitch Beta 版发布后,Figma 股价连跌两日,累计下挫 11%——周三单日跌去 8.8%,周四再跌逾 3%。连带着,Adobe 同期也下跌了约 4%。今年以来,Figma 股价已累计下跌约 35%。

资本市场的反应不是针对某一款工具,而是在重新定价「传统设计工具」这整个赛道的未来。

这里有个细节值得反复咀嚼:谷歌对 Stitch 既没有收费,也没有对服务的长期可用性作出任何承诺。华尔街用 11% 的跌幅买单的,是一个免费且未承诺长期运营的产品带来的潜在威胁。市场担心的不是 Stitch 今天能做什么,而是谷歌凭借资金、分发渠道和生态系统,一旦认真做会做成什么。

更耐人寻味的背景是:就在去年 10 月,谷歌云还与 Figma 宣布扩大合作伙伴关系,把更多谷歌的生成式 AI 技术整合进 Figma 平台。五个月后,同一家公司的新产品让 Figma 股价两日蒸发 11%。科技行业的合作与竞争,从来都不是非此即彼的关系。

但 Figma 真的要完了吗?不是。

Figma 的护城河从来不是「能不能生成 UI」,而是三年积累的组件库、设计规范、团队协作历史,以及整个设计师社区的工作流惯性。这些资产不会因为一个竞品发布就凭空消失。Figma 自己的 AI 功能是建立在团队已有资产基础上的,生成的结果天然和现有风格保持一致——这是 Stitch 和 Pencil 目前都还无法替代的能力。

Figma 真正需要警惕的,是 Stitch 正在切走的那块市场:那些本来就不会用 Figma 的人。独立开发者、早期创业团队、产品经理自己跑想法验证——这些人从来就不是 Figma 的付费用户,但他们是 Stitch 天然的目标群体。如果这批人从一开始就在 Stitch 里建立工作习惯,等到产品规模化需要更专业工具的时候,迁移成本会比今天低得多。

这才是 Figma 真正的危机所在:不是被抢走存量用户,而是失去增量用户的入口。

Stitch 和 Pencil 形成了一个双向夹击:Stitch 从上游切走增量用户的入口,Pencil 从下游压缩「设计 – 开发交接」这个 Figma 赖以存在的核心场景。两者夹击之下,Figma 作为「设计和开发之间唯一中转站」的核心价值,正在被重新定义。

六、对设计师的真正影响:不是失业,是分化

说了这么多工具,最后还是要回到人的问题。

设计师会失业吗?说真话:不会,但会分化。

低阶的执行性工作——「把这个需求文档变成一套页面」「做三个配色方案让老板选」「按照这个参考图出一版移动端适配」——这些 Stitch 和 Pencil 已经做得够用了,而且会越来越好。

但有些事,AI 现在做不了,短期内也做不了:

  • 为什么这个产品需要这样一套信息架构?
  • 这个交互设计在情感上传递了什么?
  • 用户看到这个页面的第一眼,会产生什么感受?
  • 这个设计决策,和三个月后的商业目标是否对齐?

这些问题的答案,不是从 prompt 里生成出来的,是从对人的理解里长出来的。

作为一个做过六年设计的人,我在转型过程中有一个很深的感受:工具的变革,往往会放大人与人之间本来就存在的差距。那些设计能力强的设计师,用上 AI 工具之后会更强,因为他们有判断力来驾驭工具。那些设计能力弱的设计师,AI 工具只会让他们更快地生产出平庸的结果。

工具民主化的时代:

「会用工具」这件事的价值在下降

「知道用工具做什么、为什么这样做」的价值在上升

设计师行业真正的危机,不是 Stitch 或 Pencil 来了。而是如果你的工作价值只停留在把需求变成像素,那无论有没有这些工具,这份工作都会越来越难做。

那些能够在「想清楚做什么」和「快速把它做出来」之间自由切换的人,才是这场变革真正的受益者。Stitch 给了你一个足够低的起点,Pencil 给了你一个足够短的路径,但「知道要去哪里」这件事,还是得靠你自己。

七、结语:两条路,同一个方向

Stitch 和 Pencil 在回答不同的问题,但这两个问题正在收敛向同一个答案。

Stitch 通过 MCP 接入编码工具,意味着它不再只是「探索阶段的工具」,它在向 Figma 的下游延伸。Pencil 通过 IDE 集成让设计文件进入代码库,意味着它在向 Figma 的上游压缩。两个方向,指向同一个终点:设计和开发之间的「交接」这个环节,正在被重新定义,甚至正在消失。

这不意味着设计会消失。这意味着「设计」这件事,正在从一个独立的职能角色,演变成一种分布在整个产品开发流程里的能力。

对于正在这个行业里的人——不管是设计师、产品经理还是开发者——这是一个需要认真对待的信号:设计的门槛正在消失,但设计的判断力,从来没有像现在这样重要。

Stitch 现在就可以用,有谷歌账号就能登录,免费的。Pencil 也是,有 IDE 就能用,也免费。

不用等什么教程,去试一下,最直接。

有时候,你一直没做某件事,不是因为不知道怎么做,只是没有一个足够低的起点。

现在有了。

本文由 @Q-齐先生 原创发布于人人都是产品经理。未经作者许可,禁止转载

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!