設計師慌了: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 AgentVoice 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%。GoogleStitch 2.0 嗰日,Figma 單日跌咗 8.8%,兩日累計跌咗 12%。

Figma 股價歷史跌幅 79.30%

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

呢個轉變先發生喺代碼領域(CursorClaude CodeCodex),而家開始發生喺設計領域(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 StudioAntigravity
  3. 3 通過 MCP Server 接入 Claude CodeCodex 等編程工具。
  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 係最大瓶頸之一,要咪自己亂畫,要咪俾錢揾設計師,要咪用模板。而家一句話就出高保真界面,仲可以導出代碼。

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

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

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

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

  • Side project 唔使再等設計稿,一句話出界面加代碼。
  • MCP Server 可以直接接入 Claude Code / Codex,設計資產自動流入開發。
  • DESIGN.mdMarkdown 定義設計系統,係 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 的每一天

我的微信


📚 精選文章推薦