# 策展 · X (Twitter) 🔥🔥🔥

> 📖 本站完整內容索引（documentation index）：[llms.txt](/llms.txt)

> 作者：Stitch by Google (@stitchbygoogle) · 平台：X (Twitter) · 日期：2026-05-20

> 原始來源：https://x.com/stitchbygoogle/status/2056793479335071901

## 中文摘要

Stitch 整合 MCP 實現設計開發即時同步。

Google Labs 推出的「Stitch」迎來重大更新，旨在解決設計與開發流程中長期的斷層問題。透過整合 Gemini 2.5 Pro 的多模態能力，Stitch 不僅能將自然語言或圖片轉化為 UI，更進一步強化了與現有程式庫的互動性，讓設計與開發能以更流暢的夥伴關係協作。

**核心功能升級**
- **串流生成（Streaming）**：Stitch 現在能將生成過程直接串流至畫布上，使用者無需等待最終成品，即可在生成過程中進行干預與引導，體驗更具協作感。
- **現有設計導入**：Stitch 支援將現有的程式庫、`.fig` 檔案或即時網站轉化為「DESIGN.md」標準格式，讓使用者能以既有的設計基礎開始專案。
- **原地 AI 編輯（In-place AI Edits）**：使用者可透過對話或點擊螢幕特定區域，直接要求 AI 修改局部內容（如替換圖片、移除元素或移動區塊），無需重新生成整個畫面。
- **原生 HTML 畫布與動態效果**：畫布現在預設渲染原生 HTML，支援 JavaScript、SVG 與 Shader，讓使用者能直接在畫布上測試互動效果（如懸停狀態），並自動尊重使用者的動態效果偏好設定。
- **擴充匯入與匯出選項**：大幅提升專案的可攜性，支援匯入 `.fig` 檔案，並提供一鍵匯出至 Netlify、Loveable 與 Bolt 的功能。

**開發者整合與同步**
- **MCP 整合**：Stitch 引入了新的 skill，允許使用者透過 MCP（Model Context Protocol）將螢幕設計直接匯入 Stitch。
- **雙向同步**：使用者可以在 Stitch 中進行視覺化調整，再透過 Agent 與 MCP 將這些變更同步回原本的程式庫，實現設計與程式碼的無縫銜接。

**使用指引與資源**
- 立即體驗最新功能：[Stitch 官網](https://stitch.withgoogle.com)
- 探索 skill 程式庫：[GitHub 專案](https://github.com/google-labs-code/stitch-skills)
- 查閱技術文件：[DESIGN.md 指引](https://stitch.withgoogle.com/docs/design-md/get-instructions)

Stitch 透過「DESIGN.md」這一開放標準，試圖建立一個對 Agent 友善的設計生態系，讓開發者與設計師能透過更少的溝通成本，將創意直接轉化為功能完整的應用程式。

## 標籤

MCP, 功能更新, 新產品, AIGC, Figma, Google, Gemini, Stitch