Toolso.AI
Toolso.AI
所有工具分类热门榜单最新工具价格博客
Toolso.AI
Toolso.AI

💌订阅 AI 工具周报

每周精选最新、最热门的AI工具和行业动态,直达您的邮箱 订阅

Toolso.AI
Toolso.AI

发现最好的AI工具,提升你的工作效率

GitHubGitHubTwitterX (Twitter)YouTubeYouTubeTikTokEmail

热门分类

  • AI写作
  • AI图像
  • AI视频
  • AI编程
  • 更多分类

探索发现

  • 最新收录
  • 热门推荐
  • 更多工具
  • 提交工具
  • 价格

关于

  • 关于我们
  • 联系我们
  • 博客
  • 更新日志

法律

  • Cookie政策
  • 隐私政策
  • 服务条款
  • 退款政策
© 2026 Toolso.AI 保留所有权利
限时推广限时推广加速推广24h 优先审核 · 无需反链 · 30 天推荐展示$29.90到期后 $59.9010月31日后涨价至 $59.90距结束--:--:--立即提交
  1. 首页
  2. 所有工具
  3. 应用构建
  4. Stitch
Stitch界面预览访问网站
Stitch标志

Stitch

Stitch 是 Google Labs 推出的 AI 原生设计画布,可将自然语言、草图或截图转成高保真界面,并以前端代码、粘贴到 Figma 或 MCP 连接的方式交付给开发环节。

应用构建设计工具AI开发#代码生成#设计#Google
免费试用
收藏
访问次数
浏览次数
定价
免费增值
发布日期
2026年8月25日
域名
stitch.withgoogle.com
用户评分

用过这个工具吗?给它评分

为这个工具评分

Stitch 工具信息

免费试用
工具信息
收藏
访问次数
浏览次数
定价
免费增值
发布日期
2026年8月25日
域名
stitch.withgoogle.com
用户评分

用过这个工具吗?给它评分

为这个工具评分

推荐工具

相关工具推荐

免费试用

Stitch 是什么?

Stitch 是 Google Labs 推出的一款在浏览器中使用的设计工具,它把描述变成可用的界面设计。你用普通语句告诉它想做什么,或者上传一张草图、一张截图,它就产出一份高保真的用户界面,以及界面背后的前端代码。

Google 把当前形态描述为一块 AI 原生的软件设计画布,让任何人都能用自然语言创建、迭代高保真界面并展开协作。这个表述标志着一次有意为之的转向。产品刚问世时更接近一个生成器:你要一个屏幕,它给你一个屏幕。如今它被定位成一个工作空间,一整个产品构想可以在其中被探索、被重构、被继续推进。

它瞄准的问题是设计与工程之间的接缝。官方发布公告说得很直接:这是 Google Labs 的一项新实验,能在几分钟内把简单的提示词与图像输入变成复杂的界面设计与前端代码。其前提判断是,交接环节——也就是把一张界面示意图变成真正界面的那一段——正是传统上耗掉最多手工劳动的地方。

它从哪里来

该产品于 2025 年 5 月 20 日在 Google I/O 上发布。发布文章提到的缘起值得一说,因为它解释了产品的形态:这个想法诞生于一位设计师与一位工程师之间,两人都想做一个能优化各自工作流程的产品。这种双重作者身份体现在产出上——它同时是一份设计产物和一份代码产物。

还有一条流传甚广但值得亲自核实、而非直接采信的沿革。人们普遍称该产品是独立创业公司 Galileo AI 更名后的延续。直接检查原域名可以确认这层关系:usegalileo.ai 如今已跨站跳转至本产品的地址,也就是说前一个产品的网络门面已被完整并入。这条跳转是延续关系的确凿证据。至于商业细节——收购的时间、条款与交易结构——Google 未在任何官方文章中披露,二手说法彼此矛盾,因此本页不作陈述。

关于身份的一点说明

由于大量 AI 工具会采用暗示与某家大型模型厂商有关联的名称或域名,有必要明确指出:这一个确实属于 Google。它运行在 Google 自己控制的 withgoogle.com 域名上;产品在 Google 开发者博客与 Google 主博客两处均以第一人称发布;其官方技能库位于 google-labs-code 组织之下;站点由 Google 自有基础设施提供服务。这是一款 Google 第一方产品,而不是借用名号的第三方工具。

核心功能

从普通描述生成界面

主要输入方式是普通语言,而且可指定的细节程度超出了结构层面。官方给出的用法是,用平实的语言描述你想做的应用,包括配色方案或期望的用户体验等细节。换句话说,审美方向与预期观感本身就属于提示词的作用范围,而不只是屏幕与组件的清单。

新版画布把这一点推得更远,鼓励你从意图而非布局开始。官方的说法是,你不必先画线框图,而可以先说明希望达成的业务目标、希望用户产生的感受,甚至是当下正在启发你的那些例子。这正是当前产品与模板挑选器之间的实质差别:它被设计成可以接受一个尚未成形的意图作为起点。

从图像生成界面

视觉输入是一等公民,而非事后补充。发布文章写道:白板上有一张设计草图、一张令人心动的界面截图,或者一份粗糙的线框图?把它上传上来。一张白板的照片会变成结构化的数字界面——这一点很重要,因为设计工作中最早、最有价值的阶段通常发生在并非软件的载体上。

可接纳混合上下文的无限画布

当前版本用一块为发散与收敛而生的画布取代了单一输出视图。它与常规设计界面的区别在于可接纳的素材范围:无论你的想法以何种形态存在——图像、文本,甚至代码——都可以直接带上画布充当上下文。代码可以与视觉稿并列作为输入而不仅仅是输出,这是其中不寻常的部分。

具备全项目记忆的设计代理

画布配有一个设计代理,它面向整个项目而非单条提示词进行推理。官方称其为一个全新的设计代理,能够跨越整个项目的演进过程进行推理,并配有用于同时推进多个方向的代理管理器。实际好处是连续性:代理知道你此前否决了什么、为什么否决,而这恰恰是每次生成都从零开始时会丢失的上下文。

通过 DESIGN.md 承载设计系统

跨屏幕的一致性由一份显式且可携带的产物来承担。按官方说明,你可以从任意网址提取一套设计系统,或使用新增的 DESIGN.md 这一对代理友好的 markdown 文件,把设计规则导出到其他设计与编码工具,或从中导入。

这里有两点值得留意。从任意网址提取设计系统,意味着一个既有产品的视觉语言无需人工整理即可被捕获。而把该系统表达为 markdown 而非专有二进制格式,使它既能被其他代理读取,也能被人在版本差异中审阅。对于把设计决策纳入版本控制的团队来说,这个格式选择的意义比初看时更大。

交互原型与自动生成的下一屏

静态产出无需额外的原型工具即可变成可点击的流程:屏幕被串联起来,一个播放控件即可预览整段旅程。更值得注意的能力是生成性的而非机械性的——产品能依据点击自动生成合乎逻辑的下一屏,轻松勾勒出完整的用户旅程。它不只是把你已经做好的屏幕连起来,而会推断某个操作理应通向哪一屏并把它造出来。

把语音变成一场设计对话

这个代理可以用说的。官方描述它能给出实时的设计评审、通过访谈的方式为你设计一个新的落地页,并即时作出修改。其中访谈式的行为是一种有意思的倒置:不是你预先把需求列清楚,而是工具通过提问把需求引出来——这更接近于向一位协作者交代任务,而不是填写一张表单。

通往工程环节的交接通道

该产品从一开始就被设计成把成果交出去而不是把它困住。初代即支持把生成的设计粘贴进 Figma,以便进一步精修、与设计团队协作,以及并入既有的设计系统,同时也支持直接导出前端代码。

当前版本增加了程序化访问:借助新发布的 MCP 服务器与软件开发工具包,你可以通过技能与工具调用产品能力,并导出至包括 AI Studio 与 Antigravity 在内的开发者工具。官方技能库遵循 Agent Skills 开放标准,列出的兼容对象包括 Codex 与 Antigravity 与 Gemini CLI 与 Claude Code 与 Cursor 以及 OpenCode。值得注意的是,这份兼容清单跨越了相互竞争的多家厂商,而没有局限于 Google 自家工具。

关于采纳度,有一个数字需要更正。Google 在 2026 年 3 月的文章中称该技能库有 2.4k 星标。撰写本文时直接检查该仓库,实测为 8.2k 星标、1.1k 复刻与 98 次提交——公开的数字是一个已被超越的时点快照。此处采用的是直接实测值。

模型选择

发布时的独立实测报道确认,用户可以在 Gemini 2.5 Pro 与 Gemini 2.5 Flash 两个模型之间选择,用于驱动产品的代码与界面构思,从而按任务在速度与深度之间取舍。

使用场景

在定案之前探索多个方向

最契合的是发散阶段,此时的目标是数量与广度而非精致程度。官方围绕这样一个现实来定位画布:人们往往要经历多次发散与收敛才能落到一个足够好的方案上,而代理管理器的存在正是为了让并行的探索保持有序。

让非设计人员拿到可分享的产物

创始人、产品经理与工程师常常需要一个具体的东西供人评判,却无法在专业设计工具里做出来。官方明确点名了这批用户,称产品既服务于希望探索大量变体的专业设计师,也服务于要把首个软件想法具象化的创业者。

把白板上的工作数字化

工作坊结束后拍下的草图可以被转换成结构化的屏幕,从而保住那些原本会被重新誊写或干脆丢失的思考。

把既有视觉语言套用到新东西上

从网址提取设计系统再重新套用,或者把一份 DESIGN.md 在项目之间搬运,适合那些已经有成熟观感、希望新界面与之匹配又不想手工重建规则的团队。

喂给编码代理

由于 MCP 服务器与技能可与多个编码代理配合,该产品可以充当自动化流水线中的设计环节:界面在这里定下来,实现交由团队已在使用的代理继续完成。

不适合的场景

正式的生产级设计工作是明确的例外,而对这条边界最有力的表述来自 Google 自己的产品经理,而非来自批评者。详见下文的限制章节。

如何使用 Stitch

  1. 从意图出发,而不是从布局出发。 在列出屏幕之前,先描述目标、受众与你想要的感觉。画布明确就是为接受这种起点而建的。
  2. 把你已有的上下文带进去。 上传草图或截图、粘贴参考代码,或者直接从一个线上网址提取设计系统,而不是用文字去描述你的视觉语言。
  3. 按任务挑选模型。 生成大量变体求广度时用更快的那个;单一方向需要深度时用能力更强的那个。
  4. 并行生成多个方向。 用代理管理器,而不是串行地反复打磨同一个想法——这个工具的优势就在于广度。
  5. 把屏幕串起来并点击播放。 尽早把流程当作一个序列来测试;单看孤立的屏幕是看不出旅程层面的问题的。
  6. 用说的向它索取评审。 口头要求给出几种不同的菜单结构或不同的配色,并把回应当作参考意见而非定论来判断。
  7. 方向定下来后导出 DESIGN.md。 把规则固化下来,让后续工作继承它而不是逐渐走样。
  8. 有意识地做交接。 由人类设计师接手时粘贴到 Figma;由工程师或编码代理接手时导出代码或通过 MCP 连接。无论哪一种,都把产出当作起点看待。

使用技巧与最佳实践

给它参照物,而不是形容词。「干净」「现代」这类词几乎不传达信息;一张上传的截图或一套提取来的设计系统,表达得精确得多。

先发散,后评判。这个产品的设计初衷就是让多次尝试变得廉价。看到第一个说得过去的屏幕就定案,恰恰浪费了它唯一无可争议的长处。

检查流程,而不是屏幕。一组单看都合理的屏幕,合起来仍可能构成一段不连贯的旅程,而播放控件是发现这一点最快的办法。

把 DESIGN.md 纳入版本控制。因为它是 markdown,设计决策可以在版本差异中被审阅,也能像其他源文件一样在项目与工具之间流转。

预期在别处收尾。把交接——交给 Figma、交给代码、交给代理——当作工作流程的一部分来规划,而不是当作退路。

不要建立你承受不起的依赖。这是一个实验项目,下一节会解释为什么这一点应当影响你在它周围搭建多少流程。

适用人群

专业设计师:用于早期探索——快速生成几十个方向,再把有希望的那个带进正式的生产工具。

创始人与独立开发者:需要把一个想法变得具体、可分享,而手边既没有设计师也没有设计背景。

产品经理:产出一个足够具体、能让人针对它争论的东西,用一个可以直接反馈的屏幕取代含糊的文字需求。

前端工程师:想要一个说得过去的初始界面而不必等待设计排期,并且能把生成的标记当作脚手架来用。

使用编码代理的团队:MCP 服务器与跨厂商的技能,使该产品可以成为既有自动化流程中的设计环节。

有生产级要求的企业设计团队:这一群体应当先读限制章节。这里的任何东西都不能替代成熟的设计系统、多人协同编辑,或者一套有治理的交接流程。

支持平台

产品在浏览器中运行,地址为 stitch.withgoogle.com,官方公告即引导用户前往该处。没有关于桌面端或移动端应用的文档。

程序化访问可通过 MCP 服务器与软件开发工具包实现,GitHub 上的官方技能库支持安装到多个编码代理中。导出路径包括粘贴到 Figma、直接导出到含 AI Studio 与 Antigravity 在内的开发者工具,以及通过 DESIGN.md 交给任何能读 markdown 的工具。

有一处空缺值得点出:不存在专属的帮助中心或产品专属文档站点。尝试访问产品专属条款或支持页面,得到的要么是壳页,要么是 Google 的通用帮助索引。对支持力度的预期应据此设定。

价格与套餐

该产品以 Google Labs 实验项目的形式提供。无论是官方发布公告还是 2026 年 3 月的文章,都没有列出任何订阅档位、价格点或付费升级路径,而产品页本身是一个由脚本渲染的壳页,从中读不到任何定价信息。

有一些第三方文章给出了具体的每月生成额度数字。这些数字在所能找到的任何 Google 来源中都不存在,因此本页不予转述。可以准确陈述的是:该产品作为实验项目免费使用,实际存在用量上限,而当前的具体数值应当在产品内部查看,而不是依赖二手报道。

作为 Google 服务,它受 Google 通用服务条款约束,该条款保留随时间变更服务的权利。该产品没有公开的服务水平承诺。

替代方案

最自然的对比对象是 Figma,但诚实的说法是二者解决的是相邻而非相同的问题。Figma 是正式设计工作的所在地——组件库、多人协同编辑、成熟的开发交接。而本产品是方向被找到的地方。粘贴到 Figma 这条通道之所以存在,正是因为 Google 预期工作会在那边继续。

独立报道把该产品放在更广的氛围编程浪潮里,与一批瞄准这一新兴市场的大型科技创业公司并列,其中包括 Cursor 的开发方 Anysphere 与 Cognition 与 Windsurf。那些工具从描述直接生成应用,而本产品止步于界面层并把成果交出去,因此它与它们互补的时候和竞争的时候一样多。

相对于上述任一阵营,它最鲜明的优势是跨厂商的代理兼容性、可携带的 markdown 设计系统,以及价格。它最明确的劣势则是实验性身份。

限制与注意事项

Google 自己说它不是完整的设计平台

关于能力边界,最权威的表述来自 Google 内部而非评测者。在向科技媒体所作的实机演示中,一位 Google 产品经理表示,尽管产品相当有能力,但它并不打算成为像 Figma 或 Adobe XD 那样的完整设计平台,并把预期角色描述为一个你可以过来把初版迭代做完、然后从那里继续推进的地方。

这是异常清晰的厂商指引,其分量应当高于任何第三方评估:造这个产品的团队并不宣称它能取代生产级设计工具。独立报道给出了一致的结论,指出它相比其他一些同类产品在能力范围上更受限,但确实提供了数量可观的自定义选项。

它是一个实验,以及这意味着什么

该产品始终是一个 Google Labs 项目。Labs 的存在意义就是公开地检验想法,这意味着界面、能力与可用性都可能变化,且不附带正式支持型产品所具备的那些保证。2026 年 3 月的发布是一次彻底的界面重做——这固然可喜,但也说明大幅变动在这里属于常态。

Google 的通用条款说明服务会随时间变化,且该产品没有公开的服务水平承诺,也没有专属的支持渠道或文档站点。对于随意使用与探索性使用,这些无关紧要;但对于考虑围绕它建立流程的团队,这就是核心风险。

不存在独立的用户满意度数据

与商业设计工具不同,该产品没有可观的独立用户评分积累。因为它免费且不需要采购流程,所以不会出现在那些以企业采购为轴心、评分数据得以沉淀的评价平台上,本次调查也未能找到有实质样本的独立评测档案。

这里需要一条具体的警告。搜索这款产品的评测,会返回大量看起来像评估、实则是搜索引擎优化内容或竞品周边营销的页面,它们既无署名作者,也未披露测试方法。其中若干页面给出了具体数字——尤其是用量额度——而这些数字无法回溯到任何 Google 来源。本页凡是没有给出数字的地方,都是因为没有找到可核实的数字,而不是因为调查半途而废。

唯一可用的真实采纳度信号是官方技能仓库的实测数据:8.2k 星标与 1.1k 复刻。这说明开发者对其集成接口有真实的兴趣,但它完全说明不了设计师对产出质量是否满意。

产出是起点,不是交付物

依照 Google 自己的定位,生成的界面应当被当作初稿看待。任何涉及无障碍义务、品牌合规要求或边缘状态的内容,都需要这个工具并未被设计去承担的额外工作。生成的前端代码同样需要经过任何生成代码在进入生产环境前都应经过的审查。

编辑深度受设计取舍所限

该产品把优化重点放在生成与再生成上,而不是精细操控。精确调整某个具体元素并不是这套界面所围绕的核心,这也正是通往 Figma 与代码的交接通道存在的原因。如果你的任务是对一份基本完成的设计作一处小而精确的改动,那么这是工具链上不对的那个阶段。

模型行为存在波动

产出取决于选择了哪一个 Gemini 模型,而且与任何生成式系统一样,同一条提示词在不同次运行之间结果会有差异。复现某次此前的输出并无保证。设计代理的全项目上下文能在项目内部缓解这一点,但无法消除它。

数据处理遵循 Google 的通用政策

本次调查未能找到该产品专属的隐私附录。数据处理落在 Google 的通用服务条款与隐私政策之下,其中说明隐私政策解释了在 Google 各项服务中如何处理个人信息,以及用户保留其上传内容的知识产权。负有严格保密义务的团队应当依据这些通用政策来评估,而不是期待产品专属的承诺,并且应当注意该产品并未公开任何此类承诺。

常见问题(FAQ)

Q1. 这真的是 Google 做的吗?

是的。它是 Google 在 I/O 2025 上发布的 Google Labs 产品,运行在 Google 自有的 withgoogle.com 域名上,官方技能仓库位于 google-labs-code 组织之下。这是第一方产品,不是借用 Google 名号的第三方工具。

Q2. 它多少钱?

它以免费的 Google Labs 实验项目形式提供。任何 Google 来源都没有公布订阅档位或价格。用量上限确实存在,但 Google 未公开具体数值,因此请在产品内查看,而不要依赖第三方给出的数字。

Q3. 它能取代 Figma 吗?

不能,而且 Google 直接这样说过。一位 Google 产品经理表示它并不打算成为像 Figma 或 Adobe XD 那样的完整设计平台,而内置的粘贴到 Figma 通道之所以存在,正是为了让工作在那边继续。

Q4. 我可以给它什么输入?

包含配色与体验方向的平实语言描述,白板草图与截图与线框图这类图像,参考代码,以及从任意网址提取或从 DESIGN.md 文件导入的设计系统。

Q5. 怎么把设计送进开发环节?

有四条路径:粘贴进 Figma、导出前端代码、通过 MCP 服务器与软件开发工具包连接,或者直接导出到含 AI Studio 与 Antigravity 在内的开发者工具。

Q6. 背后是哪个 AI 模型?

Google 的 Gemini 系列模型,并有文档记载可在 Gemini 2.5 Pro 与 Gemini 2.5 Flash 之间选择,以在能力与速度之间取舍。

Q7. DESIGN.md 是什么?

一份承载你设计规则、对代理友好的 markdown 文件,可以在项目之间以及与其他设计和编码工具之间导出或导入。由于它就是纯 markdown,因此便于比对差异,也能被其他代理读取。

Q8. 它能做可点击的原型吗?

能。屏幕可以被串联起来,并通过播放控件作为交互流程预览,而且它能依据点击自动生成合乎逻辑的下一屏。

Q9. 围绕它建立团队工作流程安全吗?

需要谨慎。它是一个实验项目,没有公开的服务水平承诺,没有专属支持渠道,并且在 2026 年 3 月经历了大幅重做。用于探索是合适的;把结构性依赖建立在它之上,则是一项你需要清醒接受的风险。

Q10. 它以前叫 Galileo AI 吗?

那个更早的独立产品的域名 usegalileo.ai 现已跳转至本产品,这直接确认了延续关系。Google 未公布收购本身的细节,二手说法互相矛盾,因此除这条跳转之外的具体情况本页不作陈述。

发现类似工具?
如果你知道其他优秀的AI工具,欢迎提交给我们