設計師慌了:Google Stitch 一出,Figma 兩天跌了 12%

作者:孟健AI編程
日期:2026年3月21日 上午5:12
來源:WeChat 原文

✦整理版優先睇

速讀 5 個重點 高亮

Google Stitch 2.0 推出「Vibe Design」,設計師由製作者變審閲者,Figma 股價兩日跌 12%

整理版摘要

本文由作者孟健撰寫,分析 Google 發佈 Stitch 2.0 後 Figma 股價急跌嘅現象。作者背景係科技趨勢觀察者,佢想解釋呢個唔係單純股價波動,而係設計工具嘅根本性轉變:AI 正從「幫你寫代碼」推進到「幫你做設計」。整體結論係生產者角色正由「製作者」變成「審閲者」,設計師同程序員都需要適應呢個新常態。

Stitch 2.0 嘅核心係「Vibe Design」——用一句話描述感覺,AI 就出設計,唔再需要從線框開始。佢仲有無限畫布、設計 Agent、語音操作、即時原型,同埋用 Markdown 定義設計系統嘅 DESIGN.md。最關鍵係可以導出到 Figma 同接入 Claude Code 等編程工具,形成「設計到代碼」嘅完整閉環。

作者認為 Figma 短期唔會死,因為佢嘅協作網絡仲好強,但 Stitch 正在繞過 Figma,令產品經理、創始人、開發者可以自己出 UI,唔再需要專業設計師。對程序員同獨立開發者嚟講,Stitch 嘅實際意義可能更大:side project 唔使再等設計稿,MCP Server 可以直接接入開發流程,而 DESIGN.md 係一種 AI 可讀嘅協議文件。最後作者指出 2026 年 AI 嘅擴張路徑:先代碼、再設計、然後內容、最後決策,關鍵係你係被替代定係用 AI 替代人。

  • Google Stitch 2.0 推出 Vibe Design,用一句話描述感覺就出設計,改變設計工作流。
  • Stitch 2.0 提供五個核心能力:AI 無限畫布、Design Agent、Voice Canvas、即時原型、DESIGN.md。
  • Figma 股價兩日跌 12%,今年累跌 35%,主因係 AI 將設計從「畫」變「說」,生產者變成審閲者。
  • Stitch 嘅真正殺招係從設計到代碼嘅完整閉環,可直接導出到 Figma 或接入 MCP Server 到編程工具。
  • 對程序員同獨立開發者嚟講,Stitch 令 side project 唔再需要設計稿,設計與編碼壁壘消失。
值得記低
工具

Google Stitch 2.0

AI 原生設計工具,支援 Vibe Design、無限畫布、語音操作、即時原型,可導出到 Figma 同接入 MCP Server。

流程

MCP Server 接入 Claude Code

Stitch 2.0 嘅 MCP Server 可以令設計資產直接流入 Claude Code、Codex 等編程工具,實現設計到代碼嘅自動化。

Skill

DESIGN.md

用 Markdown 定義設計系統,類似 AGENTS.md 和 SOUL.md,讓 AI 理解並執行設計規則。

整理重點

咩係 Vibe Design?從「畫」到「說」嘅轉變

以前用 Figma 做設計,要先打開畫布,再拉組件、調間距、選配色、對齊像素,最後導出標註交俾前端。而家 Stitch 2.0 嘅做法完全唔同:你只需要講一句「幫我設計一個 pngtosvg 嘅網站」,佢就會出圖,仲自動生成設計系統,點 Play 就可以直接跑交互原型。

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

更加犀利嘅係,你可以直接扔一張手繪草稿入去,Stitch 會幫你變成高保真界面。呢個唔係效率提升咁簡單,而係設計工作流嘅根本性變化。

  1. 1 AI 原生無限畫布:唔係傳統畫板,而係無限展開嘅工作空間,可以放草圖、文字、圖片、代碼。
  2. 2 Design Agent:設計智能體,可以追蹤成個項目嘅演變過程,同時探索多個方向。
  3. 3 Voice Canvas:直接對住畫布講嘢——「俾我三種唔同嘅菜單佈局」「換個暗色系睇下」——佢會實時改。
  4. 4 Instant Prototypes:點 Play 就跑到交互,自動生成下一屏嘅邏輯跳轉。
  5. 5 DESIGN.md:用 Markdown 定義設計系統,可以導入導出到其他工具。

而且 Stitch 2.0 係完全免費嘅,呢個係一個好大嘅吸引力。

整理重點

Figma 點解會跌?唔止因為 Google 出新工具

Figma 去年 7 月 IPO 首日衝到 120 幾美元,而家得返 25.26,歷史跌幅 79.30%。Google 發 Stitch 2.0 嗰日,Figma 單日跌咗 8.8%,兩日累計跌咗 12%。

Figma 股價歷史跌幅 79.30%

但作者話唔可以簡單話「Google 發咗個工具,Figma 就玩完」。真正發生嘅係更大嘅事:AI 正從「幫你寫代碼」推進到「幫你做設計」。以前 vibe coding 令程序員慌咗一陣,而家 vibe design 輪到設計師喇。

呢個轉變先發生喺代碼領域(Cursor、Claude Code、Codex),而家開始發生喺設計領域(Stitch、Lovart、v0)。AI 模型嘅迭代速度令程序員同設計師首當其衝。

整理重點

Stitch 2.0 真正嘅殺招:從設計到代碼嘅完整閉環

AI 生成 UI 好多工具都做到,但 Stitch 2.0 嘅殺招係「從設計到代碼」嘅完整閉環。佢生成嘅 App 界面唔係一張「好靚嘅圖」,而係可以點 Play 跑起來嘅交互原型。

設計稿不再係一張「圖」,而係可以流入開發流程嘅結構化資產

Stitch 2.0 支援導出到 Figma(帶 Auto Layout 同可編輯圖層)、導出到 AI Studio 同 Antigravity,仲可以透過 MCP Server 接入 Claude Code、Codex 等編程工具。Skills 同 SDK 可以做二次開發,GitHub 上已經有 2.4k stars。

  1. 1 導出到 Figma:保留 Auto Layout 同可編輯圖層。
  2. 2 導出到 AI Studio 同 Antigravity。
  3. 3 通過 MCP Server 接入 Claude Code、Codex 等編程工具。
  4. 4 Skills 同 SDK 做二次開發,GitHub 2.4k stars。

以前設計師畫 Figma → 標註 → 前端睇標註 → 手動還原 → 來回改。而家 Stitch 生成設計 → 導出代碼 → MCP 接入 Claude Code → 直接開始寫業務邏輯。中間啲「人肉翻譯」步驟正被 AI 食咗。

中間啲「人肉翻譯」步驟正被 AI 食咗

整理重點

Figma 真係好危險?護城河變薄但未死

作者話呢個判斷可能有爭議:Figma 短期唔會死,但佢嘅護城河正在變薄。Figma 最強嘅唔係畫圖能力,而係協作網絡——全世界設計師都用 Figma,你同事用、你甲方用、你開發用。呢個網絡效應唔係一個 AI 工具可以打掉嘅。

Figma 嘅護城河係協作網絡

但 Stitch 做緊嘅係將「需要專業設計師先做到嘅事」降維到「任何人都做到」。產品經理自己出高保真原型,創始人自己做 landing page,開發者自己搞 UI——佢哋以前都需要打開 Figma 揾設計師,而家可能唔使喇。

整理重點

對程序員同獨立開發者嘅實際意義

如果你係程序員或獨立開發者,Stitch 2.0 對你嘅實際意義可能比對設計師更大。第一,你嘅 side project 唔使再等設計稿喇。以前 UI 係最大瓶頸之一,要咪自己亂畫,要咪俾錢揾設計師,要咪用模板。而家一句話就出高保真界面,仲可以導出代碼。

一句話就出高保真界面,仲可以導出代碼

第二,Stitch 嘅 MCP Server 可以直接接你嘅編程工具。如果你用緊 Claude Code 或 Codex,Stitch 嘅設計資產可以透過 MCP 協議直接流入開發流程。設計同編碼之間嘅壁壘正在消失。

設計同編碼之間嘅壁壘正在消失

第三,DESIGN.md 呢個思路值得關注。用 Markdown 定義設計系統,同 AGENTS.md、SOUL.md 嘅思路一模一樣——用文字檔案定義規則,令 AI 理解並執行。設計系統唔再係 Figma 裏面嘅一套組件庫,而係一個 AI 讀得明嘅協議文件。

  • Side project 唔使再等設計稿,一句話出界面加代碼。
  • MCP Server 可以直接接入 Claude Code / Codex,設計資產自動流入開發。
  • DESIGN.md 用 Markdown 定義設計系統,係 AI 可讀嘅協議文件。

最後作者講咗個感受:2026 年 AI 嘅擴張路徑越嚟越清晰——先食代碼,再食設計,然後係內容,最後係決策。每食一層,就有一批人由「製作者」變成「審閲者」。你可以恐懼呢件事,亦都可以利用呢件事。區別係:你係被替代嗰個,定係揸住 AI 替代人嗰個。

大家好,我係孟健。

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 未?留言區傾,我每條都睇。

🚀 想同更多 AI 愛好者交流,一齊成長嗎?

同一班志同道合嘅人,持續精進 AI 嘅每一日

我的微信


📚 精選文章推薦


大家好,我是孟健。

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 了嗎?評論區聊,我每條都看。

🚀 想要與更多AI愛好者交流,共同成長嗎?

和一羣志同道合的人,持續精進 AI 的每一天

我的微信


📚 精選文章推薦