========================================

大家好,我是孟健。

Google 三天前發了 Stitch 2.0,Figma 股價兩天跌了 12%。

這不是巧合。CNBC 標題寫得很直白:「Figma's stock drops 12% in two days after Google releases 'vibe design' product」。Business Insider 也跟了:「Google declares 'vibe design' is here as Figma's stock price sinks」。

Figma 今年累計跌了 35%,IPO 價 33 美元,現在 25 塊出頭。歷史最高 120 多,現在只剩零頭。

Figma 股價:$25.26,歷史跌幅 -79.30%

但讓我覺得真正有意思的不是股價。是 Google 在 Stitch 2.0 裡做的一個產品決策:它不再讓你從線框圖開始設計,而是讓你用一句話描述你想要的感覺。

Google 自己給這個東西取了個名字:Vibe Design

Stitch 首頁:Design at the speed of AI


01 什麼是 Vibe Design?

以前用 Figma:打開畫布 → 拉元件 → 調間距 → 選配色 → 對齊像素 → 匯出標註 → 交給前端。

現在用 Stitch 2.0:「幫我設計一個 pngtosvg 的網站」→ 出圖 → 自動生成設計系統 → 點 Play → 直接跑互動原型。

用中文 prompt 設計一個 PNG to SVG 網站,左邊是設計系統,右邊直接出高保真頁面

從「畫」到「說」,從「手工拼」到「AI 直出」。

更狠的是這個——你甚至可以直接丟一張手繪草稿進去,Stitch 幫你變成高保真介面:

左邊是紙上手繪的線框草稿,右邊 Stitch 直接生成了完整的網頁設計

這不只是效率提升。這是設計工作流的根本性改變。

Stitch 2.0 這次更新了 5 個核心能力:

  • AI 原生無限畫布:不是傳統畫板,是無限展開的工作空間,草圖、文字、圖片、程式碼都可以丟進去
  • Design Agent:設計智能體,能追蹤你整個專案的演變過程,同時探索多個方向
  • Voice Canvas:直接對著畫布說話——「給我三種不同的選單佈局」「換個暗色系看看」——它即時改
  • Instant Prototypes:點 Play 就能跑互動,自動生成下一頁的邏輯跳轉
  • DESIGN.md:用 Markdown 定義設計系統,可以匯入匯出到其他工具

而且——完全免費。


02 為什麼 Figma 會跌?

先說一個事實:Figma 去年 7 月 IPO,上市首日衝到 120 多美元,現在 25.26。歷史跌幅 79.30%。

Google 發 Stitch 2.0 那天,Figma 單日又跌了 8.8%。兩天累計跌了 12%。

但你不能簡單說「Google 發了個工具,Figma 就完了」。真正正在發生的是更大的事情:

AI 正在從「幫你寫程式」推進到「幫你做設計」。

以前 vibe coding 讓程式設計師慌了一陣。現在 vibe design 輪到設計師了。

邏輯是一樣的:

  • vibe coding:你描述需求 → AI 寫程式 → 你審閱修改
  • vibe design:你描述感覺 → AI 出設計 → 你審閱修改

生產者從「製作者」變成了「審閱者」。

這個轉變,先發生在程式領域(Cursor、Claude Code、Codex),現在開始發生在設計領域(Stitch、Lovart、v0)。

AI 模型的迭代速度,現在首當其衝的兩個職業就是程式設計師和設計師。


03 Stitch 2.0 真正的殺招是什麼?

不是 AI 生成 UI。這個很多工具都能做。

是「從設計到程式碼」的完整閉環。

你看這組 Stitch 生成的 App 介面——記帳應用,從首頁到 AI 辨識收據再到確認頁面,三屏一次出完:

Stitch 生成的 Cozy Ledger App:首頁、AI 辨識中、結果確認,三屏完整互動流程

這不是一張「好看的圖」。這是可以點 Play 跑起來的互動原型。

Stitch 2.0 支援:

  • 匯出到 Figma(帶 Auto Layout 和可編輯圖層)
  • 匯出到 AI Studio 和 Antigravity
  • 透過 MCP Server 接入 Claude Code、Codex 等程式工具
  • Skills 和 SDK 做二次開發(GitHub 上已有 2.4k stars)

這意味著:設計稿不再是一張「圖」,而是可以直接流入開發流程的結構化資產。

以前:設計師畫 Figma → 標註 → 前端看標註 → 手動還原 → 來回改。

現在:Stitch 生成設計 → 匯出程式碼 → MCP 接入 Claude Code → 直接開始寫業務邏輯。

中間那些「人肉翻譯」的步驟,正在被 AI 吃掉。


04 Figma 真的危險嗎?

說一個可能有爭議的判斷:

Figma 短期不會死,但它的護城河正在變薄。

Figma 最強的不是畫圖能力,是協作網絡——全世界設計師都用 Figma,你的同事用、你的甲方用、你的開發用。這個網絡效應不是一個 AI 工具能打掉的。

但 Stitch 在做的事情是:把「需要專業設計師才能做的事」,降維到「任何人都能做」。

你看這個例子——一張潦草的線框手稿,丟進 Stitch,直接出 SaaS Landing Page:

手繪線框手稿 → Stitch 生成的 SaaS Landing Page 成品

產品經理自己出高保真原型,創辦人自己做 landing page,開發者自己搞 UI——這些人以前都需要打開 Figma 找設計師。現在他們可能不需要了。

這不是替代 Figma,而是繞過 Figma

就像 vibe coding 不是替代 VS Code,而是讓很多人不再需要打開 VS Code。

📍 設計工具的競爭邏輯正在改變。以前比的是「誰的畫布更好用」。現在開始比「誰能讓使用者不用畫」。


05 對程式設計師和獨立開發者意味著什麼

如果你是程式設計師或獨立開發者,Stitch 2.0 對你的實際意義可能比對設計師更大:

第一,你的 side project 不用再等設計稿了。

以前做個產品,UI 是最大的瓶頸之一。要麼自己亂畫,要麼花錢找設計師,要麼用模板湊。現在一句話就能出高保真介面,還能直接匯出程式碼。

第二,Stitch 的 MCP Server 可以直接接你的程式工具。

如果你在用 Claude Code 或 Codex,Stitch 的設計資產可以透過 MCP 協議直接流進你的開發流程。設計和程式之間的壁壘正在消失。

第三,DESIGN.md 這個思路值得關注。

用 Markdown 定義設計系統,這和 AGENTS.md、SOUL.md 的思路一模一樣——用文字檔定義規則,讓 AI 理解並執行。設計系統不再是 Figma 裡的一套元件庫,而是一個 AI 能讀懂的協議檔案。


最後說一個感受

2026 年 AI 的擴張路徑越來越清晰了:先吃程式 → 再吃設計 → 然後是內容 → 最後是決策。

每吃掉一層,就有一批人從「製作者」變成「審閱者」。

你可以恐懼這件事,也可以利用這件事。差別是:你是被替代的那個,還是拿著 AI 替代別人的那個。

你試過 Stitch 了嗎?留言區聊,我每則都看。


👋 我是孟健,前騰訊 T11 / 前字節跳動 技術 Leader,現在全職做 AI 程式開發。

🔥 更多 AI 程式實戰:

  • GitHub:@mengjian-github
  • 專欄:AI 程式實戰

原文出處:https://juejin.cn/post/7619214301321527359


精選技術文章翻譯,幫助開發者持續吸收新知。

共有 0 則留言


精選技術文章翻譯,幫助開發者持續吸收新知。
🏆 本月排行榜
🥇
站長阿川
📝14   💬10   ❤️2
390
🥈
我愛JS
📝2   💬9   ❤️2
87
🥉
💬1  
4
評分標準:發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次
🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付