Google Stitch 产品设计实测

微信 ezpoda免费咨询：AI编程 | AI模型微调| AI私有化部署
AI工具导航 | Tripo 3D | Meshy AI | ElevenLabs | KlingAI | ArtSpace | Phot.AI | InVideo

Google Stitch是UI设计领域的真正革命还是死胡同？

如果你最近在LinkedIn或Twitter上浏览，很可能会看到类似"设计师的游戏结束了"或"UI设计已死"的帖子，配图展示最新版Google Stitch的强大功能。

Stitch真的会改变我们设计产品的方式，还是又一个被过度炒作的AI工具？

真相介于两者之间。

在本文中，我将向你展示Google Stitch如何融入典型的UI设计工作流程，并分享我对这款工具未来以及UI设计师角色的看法。

1、AI时代的UI设计流程是怎样的

如果你在二十多年前就开始从事产品设计，你的首选工具是Adobe Photoshop。2010年代是Sketch的时代（顺便说一句，我至今仍喜欢这款工具），到了2010年代末，Figma已成为行业标准。

这些工具有什么共同点？它们将设计师置于设计流程的中心位置，让他们完全掌控界面的创建方式。

使用传统的图形或专业UI设计工具，你通常从空白画布开始，靠想象力驱动整个设计过程。

而对于Stitch，这款工具采用了完全不同的方法。当你进入工具首页时，首先看到的是一个提示输入框，邀请你描述想要构建的内容。

Google Stitch中的提示输入框。

看起来很熟悉？是的，这正是如今所有AI设计工具的运作方式。它们邀请你阐述你的意图，然后……为你构建设计。

有没有办法让工具从空白画布开始？是的，可以。你需要写一个这样的提示：

start with a blank canvas

但即使在这种情况下，AI仍然会为你创建一些东西（这看起来有点荒谬）。

等待约30秒后，你将得到一个空白画布。

现在，让我们提交一个说明我们想看到什么的提示：

personal expense dashboard

等待约30秒后，我们收到了……为我们未来设计的设计系统。我们可以看到样式（颜色和排版）以及关键UI组件（搜索输入框、菜单、主要图标），这些将用于构建实际的UI设计。很好！

快速说明： Stitch为我们创建的设计系统仍然感觉非常有限，因为我们对单个组件的样式控制不多。

又过了30秒，我们得到了以下UI设计：

由于我使用的是Gemini 3.0 Flash（Google最快但不太复杂的AI模型），我们得到的UI设计有点太通用了。但这并不是这个设计的主要问题。

主要问题是AI也驱动着设计迭代过程。

让我们尝试修改设计。为此，我们可以选择特定的屏幕或页面，然后有三个选项可供选择：编辑、标注和设计系统。

编辑

如果你选择编辑选项，可以选择特定的UI元素并进行修改。这对于文本特别有效，因为你可以通过输入实时更新它。

对于功能控件，你可以使用使用AI编辑选项（你基本上向AI解释你想更改什么，它会为你完成工作）。

标注

标注是编辑选项的更高级版本。你在设计中选择一个区域，并用你希望AI引入的更改来标注它。

标注一个带有柱状图的区域——要求Google Stitch将柱状图更改为具有相同功能的折线图。

Stitch将创建一个包含你所做更改的新版本设计。

设计系统

最后，让我们修改设计并将更改应用到UI模型中。我将更改主要颜色并获得新的配色方案。

更改UI设计的主要颜色。

接下来，我将选择包含我的设计的模型，然后点击修改 → 更新到最新设计系统。

选择UI设计并点击"更新到最新设计系统"以应用设计系统更改。

等待约30秒后（你猜对了），我们得到了以下设计。

快速说明：除了主题标签页（我们可以控制设计系统的样式属性）外，还有一个DESIGN.md标签页，包含系统的Markdown说明。

我们可以用我们自己的设计指南自定义这个文件，但我注意到Stitch往往会忽略其中的一些说明，仍然默认采用更通用的设计方法。很可能，Google应用了更高级别的指令，优先于DESIGN.md中定义的本地规则。

2、设计更改的后续步骤

你可能想知道如何进一步完善你的设计。为此，点击导出以生成可以在Figma中继续完善的资源。

Stitch创建的UI设计的一大优点是，AI工具导出的设计已经包含了自动布局。所以当你将其复制到Figma时，你的框架将自动具有自动布局功能。

但这种自动布局并不完美。你可以看到如果调整父框架大小会发生什么。

3、那么，为什么Google Stitch如此受关注？

读完本文后，你可能已经注意到Google Stitch是一款扎实的工具，但并非UI设计领域的革命。那么为什么它能吸引如此多的关注？

答案很简单：Figma Make在AI设计生成方面没有达到标准。尽管声称使用先进的AI模型，但它通常生成的设计明显弱于由Gemini 3.0 Flash驱动的Google Stitch。

Google团队显然将此视为挑战Figma在设计领域现状的机会，并从Figma目前占据的市场份额中分一杯羹。

4、结束语

Google Stitch会留下来吗？你应该掌握这款AI工具吗？

考虑到Google在这一领域的大量投入，我认为它最终会留下来。但这至少需要几年时间。目前，稳妥的做法是坚持使用传统的Figma工具，并配合Claude Code来简化设计流程。

原文链接: Google Stitch for Product Designers

汇智网翻译整理，转载请标明出处