Google Stitch 開源設計系統：DESIGN.md 讓 Claude Code、Codex、Antigravity 生成高品質 UI

📄完整原文· 由 trafilatura 自動擷取Gemini 翻譯1251 字

Google Labs 旗下設計神器 Stitch 的 DESIGN.md 格式已開源：這是一個純 markdown 檔案，用來編碼設計系統的顏色、字體、間距與元件規則，讓 Claude Code、Gemini CLI…等 AI 代理在生成 UI 時，能直接讀取品牌設計規則而不是靠猜測。（前情提要：Google 正式推出「Gemini 3」！登頂全球最聰明 AI 模型，有什麼亮點？）（背景補充：Gemini App 正式登陸 Mac 桌面：Option+Space 一鍵喚醒，螢幕共享讓 AI 直讀資料）每個程式庫通常都會有 README.md，可以告訴 AI 這個專案是什麼、怎麼用。Google 現在問的是：設計系統，可不可以也有一個這樣的檔案？ DESIGN.md 的概念就是這樣來的，它是一個任何人、任何工具、任何 AI agent 都能直接讀取的 markdown 檔案，裡面寫著：這個品牌用什麼顏色、什麼字體、什麼間距規則，以及這些選擇背後的理由。一份 DESIGN.md 包含幾個核心部分：色彩定義（主色、語義色彩）、排版設定（字族、大小、字重、行高…）、間距與版型規則（間距刻度、網格慣例、圓角、陰影）。 DESIGN.md 有三種建立方式：讓 Stitch 的 AI 根據你的描述自動生成、從現有網站 URL 或圖片提取設計語言、或自己手寫 markdown。生成之後，這個檔案可以帶到任何支援它的工具，包含 Claude Code、Cursor、Gemini CLI，以及 Google 自家的 Antigravity 開發平台。過去，設計交付的標準流程是：設計師在 Figma 裡完成設計 → 標注尺寸、顏色、間距 → 開發者對照 Figma 切版。AI coding agent 的崛起沒有完全打破這個流程，現在 AI 代理雖能登入 Figma，但也沒辦法輕易理解 Figma 檔案裡的設計意圖。 DESIGN.md 解決的正是這個缺口。它讓設計系統的表達方式，從「Figma 裡的一個檔案」變成「任何工具都能讀的純文字」。對 AI coding agent 來說，有 DESIGN.md 和沒有 DESIGN.md 的差別是：前者可以生成「符合這個品牌規範」的 UI；後者只能生成「看起來還不錯」的 UI。對設計工具市場來說，這個動作的潛在衝擊是明顯的。Figma 的護城河一直是「設計師在裡面工作、開發者在裡面取規格」。如果 AI coding agent 可以直接讀 DESIGN.md 生成符合品牌規範的 UI，設計規格的「搬運」這個步驟就被壓縮了。例如 Figma 在 Stitch 2.0 發布當天股價單日下跌約 10%，市場對這個威脅方向的判斷，比任何分析師報告都更直接。設計工具的競爭，過去是「誰讓設計師更有效率」；現在的問題變成了「誰讓 AI agent 更懂設計」。DESIGN.md 是 Google 在後面這場競爭裡交出的第一張牌。

資料狀態✓ 已擷取全文閱讀原文（動區 BlockTempo）

🔍歷史類似事件· 關鍵字 + 標的比對6 則

2026-04-21

Google 組菁英戰隊追趕 Anthropic，連自家工程師都在偷用 Claude Code

相似度 220%關鍵字 code/claude/google同分類 zh

2026-04-23

Claude Code 新功能 /ultrareview 介紹》雲端多 agent 深度審查代碼，Pro、Max用戶限時免費

相似度 170%關鍵字 code/claude同分類 zh

2026-04-19

Claude Code 更新拋掉 JS 改原生二進制，告別 Node.js 依賴

相似度 170%關鍵字 code/claude同分類 zh

2026-04-17

Anthropic 推出視覺設計神器「Claude Design」！一句話秒做簡報、企劃書、App 原型

相似度 170%關鍵字 claude/design同分類 zh

2026-04-21

據報導，Google 修復了 AI 編碼工具漏洞，該漏洞曾允許攻擊者執行惡意程式碼

相似度 130%關鍵字 code/google

2026-04-23

OpenAI 執行長 Sam Altman 砲轟 Anthropic：恐懼行銷 Claude Mythos 只為壟斷 AI

相似度 120%關鍵字 claude同分類 zh

💡 目前用關鍵字 + 標的比對（MVP）· 之後會升級為 embedding 語意搜尋

原始資訊

ID：d0139a7b3e

來源：動區 BlockTempo

發佈：2026-04-22 07:23:25

分類：zh_news · 導出分類 zh

標的：未指定

社群投票：+0 / −0 · ⭐ 0 重要 · 💬 0 留言