AI工具能快速生成一张好看的页面,但从创意到可讨论、可验证的产品方案,还需要多轮探索。Google Labs在2026年3月介绍了Stitch的新设计画布:设计者可以用自然语言描述业务目标、用户感受和视觉参考,再把想法逐步发展为高保真界面与可交互原型。下面结合原文配图,看看这种工作方式对UI和交互设计有什么启发。
Stitch的画布允许团队把文字、图片和代码作为设计上下文放在一起。第一张图展示的不是单一页面成稿,而是多组页面与视觉方向并列的状态。它提示我们:在方案尚未确定时,先保留可比较的选项,比过早打磨一张“漂亮终稿”更容易讨论目标用户、信息层级和品牌感受。
图 1 Stitch设计画布示意,呈现多组界面与视觉探索。 图片:Google Labs。
原文介绍,Stitch支持从网址提取设计系统,也可借助DESIGN.md在设计与编码工具间传递规则。第二张图呈现了“将设计系统应用到整个网站”的操作语境。对高端网站设计或多页面产品而言,AI生成速度只有与颜色、字体、组件等规范结合,才能减少页面之间的风格漂移。这里的重点是让规则被工具读取,再由设计师检查它是否适合具体内容。
图 2 将设计系统应用到页面的界面示意。 图片:Google Labs。
Stitch可以把静态设计连接为交互原型,并预览页面之间的跳转。第三张图是原型播放示意。交互设计评审因此不必只看孤立截图,还可以检查入口是否清楚、下一步是否符合预期、用户能否顺利完成任务。原文介绍的是工具能力,并未提供某个项目的转化率或可用性提升数据。
图 3 原型播放入口与多屏流程预览示意。 图片:Google Labs。
Stitch还加入语音协作入口,设计者可通过对话请求批评意见、调整布局或尝试不同配色。第四张图展示的是这个入口。我们更看重它背后的协作方式:把修改原因、目标和限制说清楚,再比较生成结果是否真的改善了体验。AI可以加快尝试,最终取舍仍需要设计师结合用户情境来判断。
图 4 Stitch语音协作入口示意。 图片:Google Labs。
这组图文值得参考的地方,是一条完整的探索路径:收集上下文,比较方向,应用规范,预览交互,再继续迭代。对于需要选择UI或交互设计公司的团队,也可以据此观察合作方是否能说明设计依据、展示过程中的取舍,并交付便于后续维护的规范,而不只是提供几张静态界面。