Google推出的AI辅助UI原型设计工具试用

大家好，今天来简单验证下Google免费推出的AI原型设计工具Stitch应用。这个工具当前还是在Beta版本，但是已经可以登录进行试用。

具体地址：https://stitch.withgoogle.com/

界面首页也很简单，直接输入原始需求即可。从右下角可以看到，已经使用的Google最新的Gemini3 pro大模型。因此我们输入一个背单词的需求看下AI输出的效果。

具体我输入的原始需求如下：

我现在想做一个英语背单词的手机APP应用，当前只做android版本。由于后续要做ios版本，因此内核里面我希望是html5页面的方式方便后续兼容。需求背景描述下。 这英语背单词程序是基于英文书籍的课文阅读相关的，也就是我首先我导入外部的英文书籍，以书籍为单位导入。但是导入后每个书籍有可以自己拆分为章节。在这里我希望你先导入安徒生童话这本英文书籍，作为后面的测试数据使用。 现在虽然有大量的英语被单词软件，一般都是四级考试，六级考试，PET，CET这种。我希望做的是基于英文书籍为目标的英语背单词软件。也就是用户登录后，可以选择一本英文书籍，同时选择相应的章节还是单词学习和背诵。 因此首先一定是收一个单词学习卡片，里面包括了单词拼写，音标，发音，同义词，反义词。手绘风格的配图。包括书里面的参考例句。 注意在这里我需要你关键进行设计。即学生进入后可以选择自己是几年级的学生，原有的英语词汇量大概是多少。然后你再出单词进行考试，比如出20到30个单词进行测试。根据测试的情况，系统应该自己清楚学生本身的词汇量水平。然后再基于这个水平来组织需要学生学习的单词。单词本身学习需要符合学习曲线，遗忘曲线的思路。类似两次都正确答对就应该不再出现，如果多次打错就应该标记为易错单词，并整理进入错题本进行复习等。对于这部分的实际实现，我需要你参考业界主流的背单词软件来实现，这块我的需求和业界主流背单词软件没有差别。 对于任何一个单词最好有可视化的配图，方便学生理解学习。

进入项目后整体界面如下：

当然，我们还可以一句话，将所有界面调整为深色背景显示风格，那么AI自动一次性完成调整如下：

注意如果你希望设计完成的UI界面可以导入到Figma继续修改，那么在模型选择的时候需要选择第一个如下。

这样对于设计完成的原型可以拷贝或导入到Figma工具中进一步进行详细设计。

当然除了支持单个页面的导出外，Stitch工具本身也可以导出完整的整个项目。整个项目导出后实际对于设计的没一个UI界面都提供一个原型界面图片和Html的源代码。

当然为了对比。

用同样的需求提示词，我让前面我测试过的GemDesign原型工具也做了下UI原型的生成，GemDesign的生成效果仍然保持价高的水准。简单来说可能GemDesign的原型设计可能更加符合中国人的使用系统。但是Google的AI原型工具输出更加简洁。

Stitch UI原型设计工具+AntiGravity的AI IDE。看来Google当前提供的工具完全可以支持一整套的AI软件工程需求。但是暂时没有看到Stitch UI工具和AntiGravity的自动化集成。