手记 · 2026
00:00:00
杭州
hello@damien-wang.com
求职中
杭州 · 远程
← 全部手记
NOTE // 40

Google Stitch Al直接生成figma源文件

Stitch 推文/推文视频

同类产品 Pencil

https://www.pencil.dev

的是Pencil官网首页

登陆第一件事

报错请检查ip是不是美国

显示“抱歉,Stitch无法使用

设置

Google Stitch的界面

额度和不用于训练(如果你是公司项目)

的是Google Stitch的设置界面

参考3种方式

提示词、截图、在线网站

提示词可以要求生成中文

Google Stitch AI界面中“Welcome to Stitch...”的欢迎页面

Redesign 类似图生图

中 图片展示了Google Stitch的界面,左侧为项目列表,有“我的项目”和“与我共享”选项卡,下方是“最近”项目列表

选择种类

的是Stitch平台的界面

如何使用

需求是高级感海鲜网站

复制下面地址

https://www.apple.com/store?afid=p240%7Cgo~cmp-21644513200~adg-172212795549~ad-799064216835_kwd-10778630~dev-c~ext-~prd-~mca-~nt-search&cid=aos-us-kwgo-txt-brand--brand-mbn-avail-031126-

的是苹果官方在线商店页面

点击确认

的是Google Stitch Al的操作界面

等待就好了

一个设计界面,背景为深色

原型展示

的是Google Stitch Al直接生成的figma源文件界面

修改在这里和很多功能

Google Stitch AI在生成figma源文件时的界面

如果你想加前后端点第一个

第二个是导出在figma

Google Stitch AI直接生成figma源文件的界面

粘贴到figma 每个都可以改

Figma界面,左侧为项目结构栏,显示了不同页面及组件