体验Google Stitch的四大新功能

Stitch几天前推出了重大更新我的社交媒体feed是这样的“Google Stitch vs. Figma。结束了。”*“Google的新vibe design工具太疯狂了。”*“设计师要完蛋了吗”我从Galileo AI时代就开始使用Stitch了那时Google还没收购它。看着它自去年12月以来发展得如此之快真是令人震惊。我在另一篇文章中解释了Stitch的设计工作流但考虑到这些升级我想在今天给出一个详细的演示并分享我的印象。让我们开始吧。0. 概述Google Stitch是一个AI驱动的设计平台可以从提示词生成高保真界面。使用Google账户即可免费使用。我认为它是一个非常鼓舞人心的vibe design工具市场上很少有产品能做到Stitch所做的。对于设计头脑风暴来说特别容易使用。不过作为设计师我经常希望Stitch能为我们的专业用途提供更多严谨性。但随着这些最新升级对于结果有更多控制的潜力巨大。在本文中我将介绍最令人兴奋的功能。1. 快速原型设计在这次升级之前这个功能非常基础所以我很少使用。正如我在另一篇文章中提到的我经常将Stitch中的界面导出到Google AI Studio进行进一步原型设计。但现在Stitch内部提供了更多功能。你右键点击一个界面或者你可以称之为画框然后选择Instant Prototype即时原型。或者当你选择一个界面时顶部会出现一个工具栏。然后你可以点击Generate生成并从那里选择Instant Prototype。接下来你会被拉入一个专门的原型设计视图这很棒消除了所有干扰。1.1 生成原型从左侧面板中你可以选择画布上的另一个现有界面或者要求Stitch想象一个新界面作为流程的一部分。此外得益于几周前推出的Direct Edit直接编辑功能你甚至可以选择界面的一个组件并对该特定组件有四个操作点击此组件后想象一个新界面连接到现有界面用AI修改编辑文本不过需要注意的是这种想象可能非常富有想象力。对于快速构思来说快速且直观但同样作为设计师我通常追求更高的精度和每次生成背后的意图所以我仍然希望能有更多控制。也就是说你始终可以使用界面底部的Edit with AI用AI编辑功能在那里你可以提供具体指令。1.2 分享原型另一个有趣的功能是如果你在Share Project分享项目设置中启用公开分享原型其他人也可以查看和重新混合设计。除了可分享的链接外你还可以生成二维码这使得在手机或iPad上查看可点击原型非常方便。我用手机测试了一下。很方便能看到响应式设计。我也可以在手机上点击浏览原型。2. 设计系统这是另一个令人兴奋的功能。过去Stitch可以根据现有设计的风格生成东西但我们无法控制它。现在有了创建和定制设计系统的方法。所以如果你在Stitch中选择界面你可以点击Modify修改在下拉菜单中找到Design System设计系统然后你可以通过三个选项创建设计系统从零开始创建新设计系统从你选择的界面创建从网站导入2.1 从你选择的界面创建我跳过从零开始选项因为它与从选定界面创建选项非常相似。有两个面板Theme主题你可以在那里创建调色板。DESIGN.md你可以提供自定义指令。很高兴看到DESIGN.md在那里这也是其他AI工具的趋势。它为人们使用特定指令来控制结果开辟了更多潜力。创建后我喜欢的是你会看到设计风格面板自动创建并放置在画布上供参考。2.2 从网站导入我对这个功能很兴奋但当我试用时它还有bug。Stitch思考了很长时间结果出现了这条消息“看起来我在尝试从网站创建该自定义设计系统时遇到了临时技术限制。”3. AI原生画布3.1 导航与之前左侧面板相比这是一个重大变化。它有一种智能体感我花了一段时间才适应。与其他AI工具典型的聊天记录面板不同它会自动将你的聊天记录分解成线程。当你点击一个线程时涉及该线程的设计界面也会自动高亮显示。3.2 上下文现在Stitch也更智能了因为代理可以看到画布上的所有界面这解锁了更多机会和用例。例如我问了一个提示词来测试它的能力根据我的提示历史和画布上的界面生成PRD。然后文档被创建为一个界面并自动放置在画布上。所以现在画布可以在一个地方拥有不同类型的资源设计设计系统文档原型而且AI代理可以看到画布上的所有内容。我对这个全能画布的愿景很感兴趣因为它们都应该成为上下文的一部分而不是不同资源被隔离在不同地方。4. 直接编辑这实际上是几周前首次推出的。但这是一次重大升级所以让我在这里也用例子带你了解一下。当你在Stitch中选择一个界面画框时你可以点击顶部热栏中的Modify修改并从三个选项中选择。针对特定组件编辑选择Edit编辑对于模糊编辑选择Annotate注释。原文链接体验Google Stitch的四大新功能 - 汇智网