夜雨聆风
最近发现Stitch又更新了，体验了下，发现好用很多
Stitch是谷歌在今年5月的Google I/O大会上发布的AI设计工具，说人话就是，让不会设计的人也能快速搞出像模像样的UI界面，同时还能直接导出代码或者导入Figma继续改
✨ 都是免费使用，谷歌真是好人
（操作界面）
使用起来非常简单，它的整个操作界面简洁，左边是官方示例作品和历史作品，右边就是AI对话区，目前有两种模式：
Flash 标准模式 速度快，适合快速迭代 350 次 / 月 | Pro 实验模式 效果更好，支持复杂输入 200 次 / 月 |
每个月用完都是重置，可以用来生成app和网页
实战：我用Stitch做了个美食卡路里APP
我给Stitch的提示词是这样的：
我想做个美食卡路里AI驱动的营养和健康APP，需要以下页面：1.新用户引导 2.用户基本信息录入 3.饮食记录，支持AI拍照识别和AI语音记录 4.AI营养助手 5.报告与进度 6.个人中心。全英文界面。
（提示词）
它列了下这6个界面，问我是否生成。为了确保效果，我让它帮我先详细梳理下这些界面的功能，它详细列出来后，点击生成，差不多3分钟，6个页面生成出来了
第一版：6个页面一次性出来
（第一版）
6个页面，从欢迎引导页、用户信息录入、饮食记录主界面、AI营养助手对话、数据报告页，到个人中心，该有的都有了
配色是深绿色系，很有健康APP的感觉。第一眼看到的时候，我就觉得，诶，这配色还挺有那味儿的
饮食记录页面的信息层级，说实话，比我想象的清晰。顶部是卡路里进度条，下面是两个大按钮，再往下是早餐、午餐、晚餐、零食的分类记录
AI营养助手的对话界面也挺自然的，用户的消息在右边，AI的回复在左边，还配了食谱图片
数据报告页的可视化做得还可以，虽然不是特别精细，但作为初稿已经够用了
迭代修改：加功能、改颜色
第一版出来后，我觉得还缺点东西。于是我跟Stitch说：
为饮食记录页面添加食物库记录功能，为AI营养助手增加食谱推荐功能
等待时间
2分钟
Stitch就给我更新了设计
（第二版）
饮食记录页面多了一个Food Library的入口，点进去就能看到常用食物的卡路里数据。AI营养助手的对话里也加入了更多食谱推荐的卡片，每个食谱都有配图、烹饪时间、营养成分
💡 关键是，它遵循了前面的设计风格，新加的功能在视觉上跟原来的页面是统一的。这个一致性，说实话，做得还挺好的
然后我又试了试改颜色主题，Stitch有个主题选择器，可以直接框选界面进行修改。我把深绿色改成了柠檬黄，点了一下应用，2分钟很快就改好了。要知道，以前改个主题色，可能需要大半天，而且所有页面都同步更新了
（一键换主题色）
真的，这个体验还挺爽的 🎉
顺手做了个家具网站
测试完APP之后，我又顺手让Stitch生成了一个家具电商网站的首页
PROMPT
一个销售北欧风格家具的电商网站首页，要有大图banner、分类导航、精选产品展示
（家具电商网站）
生成出来的页面，大图banner是一个客厅场景，标题是Timeless Design, Modern Living，下面有Shop All按钮。再往下是Browse by Category，展示了椅子、桌子、灯具、收纳柜四个分类，每个分类都有配图
（多风格测试）
我测试了下用同一个提示词，用了下Flash生成，非常快，凑合用
（Flash模式生成）
导出到Figma测试
我试了下把生成的设计导出到Figma，目前仅支持Flash标准模式生成的设计导出。
（导出到Figma）
导出的代码还能用，不过有时会出现图层混乱，需要手动调整
（Figma中还原）
真实感受：好用，但也有槽点
✨ 优点
门槛低不需要会设计
速度快几分钟出结果
迭代方便对话式修改
完全免费真的良心
⚠️ 槽点
图层混乱导出需调整
中文不友好需手动修改
总的来说，Stitch最适合的场景是：快速原型设计、内部工具的UI生成、或者给产品经理用来跟团队沟通想法
💭 我最大的感受是
AI真的在降低创作门槛我们正在经历一个创作工具大爆发的时代
从文字生成、图片生成、视频生成，到现在的UI生成，AI正在渗透到创作的每一个环节，这些工具不是要取代人，而是在赋能人，这，就是AI时代，创作工具的新可能
也是，每个普通人的新机会
