三個月沒開 Figma 的 B2B SaaS 設計工作流:AI 原型、測試環境與設計師修 UI bug
Kyle Hsia 的 Threads / Substack 文章記錄 B2B SaaS 設計師三個月少開 Figma 後的工作流:PM 帶高保真原型、AI 生成真實互動資料、設計師在測試環境驗證、產出 walkthrough video 與 PR,並自己修 UI/UX bug。Figma 沒消失,而是退回探索與畫布角色;AI 平行任務也帶來心流流失。
2026年7月23日1 分鐘閱讀👁 5
Design Workflow / B2B SaaS / AI Prototyping
三個月沒開 Figma 的 B2B SaaS 設計工作流:AI 原型、測試環境與設計師修 UI bug
這篇不是「Figma 死了」,而是 B2B SaaS 設計工作的重心正在移動:表格、列表、資料互動、企業使用情境,過去在 Figma 做假資料與互動很耗時;現在可先用 AI 生成可跑的原型,到測試環境驗證,再讓設計師直接修 UI/UX bug。
查證結果:Threads 原文連到 Kyle Hsia 的 Substack〈How a designer who hasn't opened Figma in three months actually works〉。Substack subtitle 是「What changed when I stopped prototyping in Figma and started shipping code myself, and the one thing I quietly miss.」正文可讀,內容與 Threads 摘要一致。
| 舊流程 | 新流程 | 為什麼變快 |
|---|---|---|
| PM 用文字/低保真描述需求。 | PM 帶高保真原型來討論。 | 早期討論更具體,方向感更踏實。 |
| 設計師在 Figma 手刻表格、列表、假資料。 | AI 生成互動原型與 realistic-ish data。 | 資料變動、CRUD 狀態、互動感不用手刻。 |
| handoff 後 UI bug 進 backlog。 | 設計師看測試環境,自己開任務、修 code、送 PR。 | 「之後再說」的 UI/UX 細節可快速閉環。 |
| Figma 是交付中心。 | Figma 回到探索、畫布、發散比較。 | 獨特性與開放式探索仍適合畫布工具。 |
適合 AI 的設計任務
資料密集、流程明確、元件庫成熟、主要問題是狀態與互動感,而不是從零創造新視覺語言。
仍適合 Figma 的任務
新產品/新頁面探索、獨特 UI、視覺方向發散、設計師已經在腦中有清楚 layout 時,Figma 反而比 prompt 迭代快。
代價
AI 讓太多平行任務同時跑,設計師變成一直切換上下文、評估成果;效率提高,但心流變少。
對 BigIntTech 的啟發:若內部做 B2B 管理系統或客戶後台,不一定要先追求「AI 自動畫漂亮圖」。更值得落地的是:用既有 design kit + 真實資料 schema + 測試環境,讓 PM/設計/工程把互動閉環縮短。