Google Stitch vs 騰訊 Ardot：AI 快速起稿，還是完整設計工作台？

先說結論

Google Stitch 和騰訊 Ardot 都能用自然語言生成介面，但它們解決的不是同一個階段的問題。

Stitch 更像「AI 起稿器」：打開網頁、輸入描述、幾秒看到介面方向，適合在還沒有設計稿時快速探索。
Ardot 更像「Figma + AI 的完整工作台」：除了文生 UI，還提供向量編輯、自動版面、元件與變數、團隊協作、權限管理和設計到程式碼交付。

如果你只需要快速驗證一個頁面方向，Stitch 更輕；如果你要把設計稿真正推進到團隊協作和開發交付，Ardot 更完整。兩者也可以接力使用。

兩者是什麼

Google Stitch 是 Google Labs 的 AI UI 設計工具，核心能力是把文字或圖片轉成介面，並透過 DESIGN.md、MCP 和 Agent Skills 把設計情境交給後續工作流程。它目前以 Web 端為主，適合快速探索和概念驗證。

騰訊 Ardot 是騰訊設計推出的 AI 原生設計平台，支援 macOS、Windows 和 Web。它把 AI 生成放進一個完整設計編輯器裡，官方能力包括文生 UI、圖片轉設計稿、Figma .fig 匯入、向量編輯、自動版面、元件變體、設計變數、團隊資源庫、評論協作、權限與操作日誌，以及面向開發的標註和程式碼片段。

核心差異

維度	Google Stitch	騰訊 Ardot
核心定位	AI UI 生成與快速探索	AI 原生設計工作台
平台	Web	macOS / Windows / Web
文生 UI	強，提示詞優先	強，內建於完整編輯器
圖片轉設計	支援	支援，並可繼續精細編輯
Figma 方向	Fast 模式可匯出到 Figma 精修，不是 `.fig` 匯入入口	支援 `.fig` 匯入，保留版面、樣式和元件
向量編輯 / 自動版面	基礎	完整
設計系統	DESIGN.md 與設計情境	元件、變體、變數、模式、團隊資源庫
團隊協作 / 權限 / 稽核	有限	完整
設計到程式碼	HTML 匯出，可轉 React/Vue 等；DESIGN.md、MCP/CLI/Skills	標註、CSS/iOS/Android 程式碼片段、MCP、CodeBuddy（React/Vue/小程式）
價格	目前免費	Starter 免費；Pro/Team/Enterprise 限時免費 + AI Credits
中國大陸存取	依賴 Google 服務可用性	騰訊雲產品，中國大陸團隊存取更直接

AI 生成：都能起稿，側重點不同

Stitch 的優勢是「少一步」。你不需要先學一套設計軟體，輸入一句描述就能得到完整頁面，再透過連續提示詞調整版面、顏色和資訊密度。它很適合產品經理、創業者、開發者，以及需要快速比較多個視覺方向的設計師。

Stitch 還提供多種 Design Mode：Thinking with 3 Pro 適合複雜邏輯與更嚴謹的介面，Redesign 適合把舊介面改成特定風格，Fast 適合快速線框與匯出 Figma 精修。它還支援一次生成 1–5 個變體，並用 Creative Range 控制偏離目前設計的程度。

Ardot 也支援文生 UI 和圖片轉設計，但它的 AI 更像編輯器裡的助手：生成之後可以繼續用向量工具、自動版面、元件和變數調整。官方還提供 AI 圖片生成、圖示生成、連結轉 UI 和 AI 搜尋等能力。對需要「生成後繼續精修」的團隊來說，這種一體化更省切換成本。

設計編輯與設計系統

這是兩者差別最大的地方。

Stitch 的重點是生成和設計情境。它可以透過 DESIGN.md 把顏色、字體、間距和元件規則整理成 AI 可讀的規範，再交給 Stitch 或 Coding Agent 使用。它還可以把設計轉成可滾動、可互動的 Prototype，用來檢查 hover 等互動狀態。它適合把「設計意圖」表達清楚，但不是傳統意義上的完整設計編輯器。

Ardot 提供更接近 Figma 的編輯能力：向量網格、布林運算、3D 旋轉、自動版面、元件變體、元件屬性、設計變數和多主題模式。團隊還可以把元件、樣式和變數發布到團隊資源庫，讓多個頁面保持同一套設計系統。對於需要長期維護設計系統的團隊，這些能力比單次生成更重要。

Figma 移轉與團隊協作

Ardot 官方支援直接匯入 .fig 檔案，並保留版面、樣式和元件。這意味著已有 Figma 工作流程的團隊可以把 Ardot 當作一個帶 AI 的新工作台，而不是從零開始。

Stitch 的 Fast 模式可以把線框匯出到 Figma 做精修，但它的核心入口不是 .fig 匯入，而是文字、圖片和 Code-to-Design 等工作流程。它更適合在方向探索階段使用，而不是取代團隊現有的設計檔案管理。

協作方面，Ardot 支援多人即時評論、標註、版本比較、權限中心和操作日誌；Stitch 更偏個人探索，不承擔完整的團隊權限與稽核職責。如果你的團隊需要設計審查、資產交接和權限治理，Ardot 的完整度更高。

設計到程式碼與 MCP

兩者都在向 Agent 工作流程靠攏，但路徑不同。

Stitch 透過 MCP、CLI 和 Agent Skills，把設計情境交給 Claude Code、Cursor、Gemini CLI、Antigravity 等工具。Stitch 的 HTML 輸出還可以由 LLM 轉成 React、Vue、Angular、Jetpack Compose、Flutter 或 SwiftUI 等格式。它的優勢是「提示詞 + 設計情境」可以快速變成可執行任務，適合以 Prompt 為中心的團隊。

Ardot 提供面向開發的標註、元件變體檢視，以及 CSS、iOS、Android 程式碼片段；官方 MCP 資料列出了專案、畫布、設計變數、元件庫等工具，並支援 CodeBuddy、Cursor、Claude Code 等 MCP 客戶端。官方資料還說明，設計稿可以透過 MCP 交給 CodeBuddy，生成 React、Vue、小程式等高還原度程式碼。它更強調「設計檔案本身就是交付物」，適合設計團隊主導的工作流程。

價格與可用性

截至 2026-10-28：

Stitch 目前可以免費使用，但 Google 可能會調整價格和地區可用性。
Ardot 的 Starter 個人版免費；Pro、Team、Enterprise 目前限時免費，但以 AI Credits 計量。團隊規模變大後，席次和 Credits 會成為實際成本。

可用性方面，Ardot 是騰訊雲產品，中國大陸團隊存取通常更直接；Stitch 依賴 Google 帳號，在部分地區和網路環境下可能受限。兩者都應以官方目前說明為準。

怎麼選

更適合 Google Stitch：

你還沒有設計稿，只想快速看幾個 UI 方向
你不想先學一套完整設計軟體
你重視提示詞、DESIGN.md 和 Google 生態系
你主要做概念驗證，而不是長期維護設計系統

更適合騰訊 Ardot：

你需要一個能真正編輯的設計工作台
團隊已有 Figma 檔案，希望平滑移轉
你需要元件、變數、團隊資源庫、權限和稽核
你在中國大陸團隊，重視存取穩定性
你希望設計稿直接進入開發交付和 MCP 工作流程

組合工作流程

最務實的做法不是二選一，而是按階段使用：

用 Stitch 快速生成 2–3 個頁面方向，確定資訊結構和視覺氣質
把確定的方向帶進 Ardot，用完整編輯器做元件、變數和響應式細節
用 Ardot 的標註、程式碼片段或 MCP 交給開發，或者繼續用 Stitch 的 DESIGN.md 和 Skills 對接 Coding Agent

這樣既保留了 Stitch 的起稿速度，也利用了 Ardot 的編輯和協作深度。

總結

Stitch 和 Ardot 都值得放進 AI 設計工具箱，但它們不是同一類工具。Stitch 更適合「從 0 到方向」，Ardot 更適合「從方向到可交付設計」。如果你只做快速探索，Stitch 足夠；如果你要把設計納入團隊流程，Ardot 的完整度更高。兩者接力，通常比單獨使用其中一個更有效。