Awesome Stitch 資源

Stitch MCP Server — CLI 工具，連結 AI 程式設計代理到 Stitch 設計，支援本機預覽和網站建構。

Google 官方 Agent Skills 庫，包含 Stitch 設計、建構和工具技能，相容 Codex/Claude/Cursor。

Google 官方 Stitch Node.js SDK，支援畫面生成、編輯、變體建立和 HTML 擷取。

DESIGN.md 開源規範，用 Markdown 定義設計系統，AI 代理可直接讀取。

通用 Stitch MCP Server，支援 Cursor、Claude、Antigravity 等所有 MCP 相容編輯器。

Pi 平台的 Stitch 整合工具包，提供 14 個 Stitch 工具命令。

Stitch 資源精選列表，包含官方資源、教學、SDK、工具和提示詞範本。

Claude Code 外掛，整合 Stitch 和 Figma 設計工作流程，包含技能、代理和 MCP 設定。

從註冊到進階功能的完整 Stitch 使用指南，包含多畫面生成和語音輸入。

Stitch MCP 全平台設定指南，包含自動安裝、手動設定和 UI 生成範例。

23 分鐘從空白畫布到部署應用的完整 Stitch MCP 工作流程教學。

從 PRD 到應用設計再到可運作程式碼的完整 AI pipeline 流程教學。

使用 Google Stitch 2.0 與 Claude Code 進行 Web 設計的實戰教學。

Google Stitch 生成設計系統後直接交給 AI Studio 建構 React 應用。

開發者視角深度解析 Stitch DESIGN.md 開源規範及其對 UI 設計系統的影響。

4 章 12 堂課系統教學，從基礎到進階掌握 Google Stitch 提示詞。

160+ 種 UI 風格的 Stitch 提示詞範本，涵蓋電商、社交、儀表板等情境。

線上編輯與最佳化你的 Stitch 提示詞，支援 55 個快捷範本和 AI 建議。

Google Stitch 官方網站，AI 驅動的 UI 設計生成平台，免費使用。

Stitch 官方文件，包含提示詞指南、多畫面生成、語音輸入等完整教學。

Stitch MCP Server 官方設定指南，連接 Claude Code、Cursor、Gemini CLI 等程式設計工具。

Google 官方部落格介紹 Stitch —— 一種全新的 UI 設計方式，從想法到應用。

Google 官方部落格宣布 Stitch AI UI 設計的重大更新和新功能。

Stitch 的 DESIGN.md 設計系統格式正式開源，支援跨平台使用。

Google Labs 實驗性產品平台，Stitch 的早期存取入口。

Google Labs 的設計到程式碼工具，與 Stitch 配對使用實現端到端開發。

Figma 外掛，將 Stitch 生成的 HTML 設計轉換為原生 Figma 畫框，支援 Auto Layout、Flexbox 和 Grid。

將 HTML 程式碼和網頁 URL 轉換為可編輯的 Figma 設計，保留視覺層次和響應式版面。

將 Stitch 匯出的 ZIP 檔案直接拖入 Figma，生成完美結構和 Auto Layout 的設計。

Google Stitch AI 2026 大更新完整 walkthrough，展示 AI UI 設計的全新玩法。

從 PRD 到應用設計再到可運作程式碼的完整 AI pipeline 流程教學。