Stitch 是 Google 联合 DeepMind 推出的AI 界面设计生成平台,专门帮人做移动端和网页 App 的界面设计(UI)。只要输入一句话描述需求(比如 “一个马拉松跑者的社区 App 首页”),它就能自动生成高质量的 UI 草图,还能导出到 Figma 继续改,或直接拿前端代码开发,让设计效率翻倍。
目前它还在 Beta 测试阶段,免费就能用,特别适合设计师快速出初稿、开发者搭界面框架,或者小团队赶项目时省时间。实测了一下,目前作为初稿或者概念来说完全没问题。
Stitch 的功能都围绕 “高效做 UI” 设计,没有多余操作,设计师和开发者,产品经理都能快速上手:
- 登录平台:打开 Stitch 官网,登录 Google 账号就能进(目前 Beta 阶段,免费);
- 说需求:中间输入框写清楚设计需求,比如 “Mobile 端外卖 App 首页,要显示附近商家、分类导航和购物车图标”;
- 选参数:选设计类型(是 Web 端还是 Mobile 端)、生成模式(Standard/Experimental);
- 生成与导出:点 “Generate designs”,等几秒会出多个草图,选满意的导出到 Figma 或复制代码。
Stitch 现在完全免费,但有每月生成次数限制,超出了要等下个月重置:
目前还没有公开的付费升级方案,如果需要更多配额,可通过官方账号联系团队咨询。
很多人担心 AI 生成的设计能不能商用,Stitch 在这方面很明确:
- 版权归用户:你用 Stitch 生成的原创设计,权利都是你的,Google 不拥有;
- 可商用:能用于商业项目,比如产品设计、给客户提案、发布到 App 商店等;
- 注意事项:要遵守 Google 服务条款,若设计里涉及第三方素材(比如别人的图片、字体),需确认对方授权。
- 语言:目前只有英文界面,输入需求也建议用英文(比如 “a minimalist login page for a fitness app”),生成的设计文案也会是英文;
- 覆盖范围:全球 182 个国家能使用,只要能登录 Google 账号,基本都能访问;
- 更新状态:还在 Beta 阶段,功能会持续加,建议关注官方动态。
想让 Stitch 精准出你要的设计,可参考官网的prompt建议:
- 高层提示(头脑风暴):“一个马拉松跑者的社区 App”(先定方向);
- 细节提示(明确功能):“一个帮马拉松跑者找训练伙伴、看比赛信息、存训练记录的社区 App”(补具体功能)。
比如:“一个充满活力、用橙色为主色的健身追踪 App 首页”“一个安静、浅灰色调的冥想 App 个人中心”(明确风格,减少返工)。
别一次说太多改动,比如:“在商品详情页顶部加一个搜索栏”“把注册页的‘下一步’按钮改成品牌绿色,放大 1.2 倍”(精准改局部,效果更准)。
- 颜色:“把整个 App 的主色换成森林绿,辅助色用米色”;
- 字体:“标题用衬线字体(serif font),正文用无衬线字体(sans-serif)”;
- 形状:“所有按钮用圆角(rounded corners),不要直角”。
比如:“把首页的所有产品图背景改成浅褐色”“在‘医生列表’页,把 Dr. Carter 的白大褂改成黑色”(精准改图片内容)。
比如:“把所有按钮文字、产品描述从英文换成西班牙语”(适合多语言 App)。
- 说清楚:别模糊,比如不说 “一个好看的首页”,要说 “一个有轮播图、分类导航、用户头像的电商首页”;
- 多尝试:一次生成不满意,微调提示再试(比如加 “更极简”“少文字”);
- 用 UI 术语:比如 “navigation bar”(导航栏)、“card layout”(卡片布局),AI 更容易理解。
注:Stitch 还在测试阶段,若遇到生成慢、效果不符合预期的情况,可等后续功能更新,或通过官方反馈优化建议。