实战教程
Follow these step-by-step tutorials to build real-world projects with Google Stitch.
🛒
Beginner电商应用首页
设计一个包含商品卡片、导航和购物车的移动电商应用。
Start Tutorial →📊
IntermediateSaaS 仪表盘
构建一个包含图表、数据表格和侧边栏导航的 Web 仪表盘。
Start Tutorial →✏️
Beginner草图转高保真 UI
将手绘草图转化为精美的数字界面。
Start Tutorial →🎙️
Intermediate语音驱动设计
使用 Vibe Design 通过语音指令创建和优化界面。
Start Tutorial →🔌
AdvancedStitch + MCP + 代码编辑器
将 Stitch 连接到代码编辑器，从设计稿生成可用于生产的代码。
Start Tutorial →👥
Advanced团队设计工作流
Stitch 用于探索 → Figma 用于精修 → v0 用于代码生成。
Start Tutorial →