Awesome Stitch 资源
精心整理的 Google Stitch 与 AI 设计资源 —— 官方文档、工具、设计系统与学习资料。
31 个资源
🔖Google Stitch 官方资源(8)
Google Stitch 官网
Google Stitch 官方网站,AI 驱动的 UI 设计生成平台,免费使用。
stitch.withgoogle.comGoogle Stitch 官方文档
Stitch 官方文档,包含提示词指南、多屏幕生成、语音输入等完整教程。
stitch.withgoogle.comStitch MCP 集成文档
Stitch MCP Server 官方配置指南,连接 Claude Code、Cursor、Gemini CLI 等编码工具。
stitch.withgoogle.comFrom idea to app: Introducing Stitch
Google 官方博客介绍 Stitch —— 一种全新的 UI 设计方式,从想法到应用。
developers.googleblog.comStitch AI UI Design 重大更新
Google 官方博客宣布 Stitch AI UI 设计的重大更新和新功能。
blog.googleDESIGN.md 开源发布
Stitch 的 DESIGN.md 设计系统格式正式开源,支持跨平台使用。
blog.googleGoogle Labs
Google Labs 实验性产品平台,Stitch 的早期访问入口。
labs.googleAntigravity (Design-to-Code)
Google Labs 的设计到代码工具,与 Stitch 配对使用实现端到端开发。
labs.google🐙GitHub 开源项目(8)
davideast/stitch-mcp (925 ⭐)
Stitch MCP Server — CLI 工具,连接 AI 编码代理到 Stitch 设计,支持本地预览和站点构建。
github.comgoogle-labs-code/stitch-skills (6.4k ⭐)
Google 官方 Agent Skills 库,包含 Stitch 设计、构建和工具技能,兼容 Codex/Claude/Cursor。
github.comgoogle-labs-code/stitch-sdk
Google 官方 Stitch Node.js SDK,支持屏幕生成、编辑、变体创建和 HTML 提取。
github.comgoogle-labs-code/design.md
DESIGN.md 开源规范,用 Markdown 定义设计系统,AI 代理可直接读取。
github.comKargatharaakash/stitch-mcp (115 ⭐)
通用 Stitch MCP Server,支持 Cursor、Claude、Antigravity 等所有 MCP 兼容编辑器。
github.comzyvralabs/pi-stitch-tools
Pi 平台的 Stitch 集成工具包,提供 14 个 Stitch 工具命令。
github.comtygwan/awesome-stitch-design
Stitch 资源精选列表,包含官方资源、教程、SDK、工具和提示词模板。
github.comtygwan/stitchkit
Claode Code 插件,集成 Stitch 和 Figma 设计工作流,包含技能、代理和 MCP 配置。
github.com🛠️工具与扩展(3)
📖使用指南与教程(7)
How to Use Google Stitch (2026): The Complete Guide
从注册到高级功能的完整 Stitch 使用指南,包含多屏幕生成和语音输入。
justinmckelvey.comGoogle Stitch MCP Setup Guide — Claude Code, Cursor, Gemini CLI
Stitch MCP 全平台配置指南,包含自动安装、手动配置和 UI 生成示例。
sotaaz.comGoogle Stitch MCP: Design-to-Code in 23 Minutes (2026)
23 分钟从空白画布到部署应用的完整 Stitch MCP 工作流教程。
byteiota.comGoogle Stitch AI Design Tool Pipeline | Complete Guide
从 PRD 到应用设计再到可工作代码的完整 AI pipeline 流程教程。
productivetechtalk.comTutorial: Google Stitch 2.0 + Claude Code Web Design
使用 Google Stitch 2.0 与 Claude Code 进行 Web 设计的实战教程。
marketingagent.blogTutorial: Build Websites with Google Stitch & AI Studio
Google Stitch 生成设计系统后直接交给 AI Studio 构建 React 应用。
marketingagent.blogGoogle Labs Stitch DESIGN.md Goes Open Source: A Deep Dive
开发者视角深度解析 Stitch DESIGN.md 开源规范及其对 UI 设计系统的影响。
vucense.com