Kombai

Kombai 早期的定位是「把 Figma 設計稿轉成前端程式碼」，現在官網的說法變得更大膽：「Design and code standout websites and product UIs, not slop.」——它要解決的是 AI 生成介面一個比一個像的問題。官網說安裝數已超過 70 萬，可用在 macOS、Windows、Linux 桌面版，以及 VS Code、Cursor、Antigravity、Trae、Kiro 等 IDE 的擴充套件（也能從 Open VSX 安裝）。

功能特色與適用場景：Kombai 的核心叫 taste agent。它會先找出這個任務真正需要做的設計決策——資訊架構、版面結構、風格、文案、動態——再做選擇，而不是直接套 AI 模型的預設樣式；官網說它參考了 2 萬多個精選頁面與區塊。團隊還自己做了一套 Design Creativity Bench，宣稱 Kombai 能把原創度提高最多 13 個百分點、創意幅度提高最多 23 個百分點。

工作流程分兩種模式。Design mode 在無限畫布上發想，可以開多個平行代理產生變體、直接點元素改文字樣式與排版，處理的是活的 HTML、狀態與動畫，可匯出 HTML 或圖片；Code mode 則把定案的設計寫進你真正的 repo。它的 Context Graphs 會讀你的元件、design token、hooks，也能索引 npm 套件與 Storybook，寫出來的程式碼用的是你既有的元件，而不是另起一套；官網說內建 400 多個函式庫的最佳實務。Figma 有原生整合，能處理亂七八糟的圖層群組、抽出圖示與素材，不需要另外接 MCP。模型可在 Claude、GPT、Grok、Kimi 等 50 多個模型間切換，或交給內建路由器自動選，還能叫 Veo、Seedance、Nano Banana 產生圖片與影片素材。Pro 以上另有 Plan／Debug 模式、自動化瀏覽器測試與平行代理。

給台灣使用者的建議：Kombai 最適合兩種人：已經用 Cursor 或 Claude Code 寫程式、但覺得 AI 做出來的畫面都長一樣的前端工程師，以及有自家設計系統、怕 AI 亂造元件的產品團隊。免費版每天補 50 點，夠拿一兩個頁面試手感。介面與文件是英文，中文文案可以生成，但字體、行高這類中文排版細節仍要自己檢查；做台灣電商或品牌官網時，建議在 Design System 裡先寫好中文字體規則。要注意免費版沒有「不拿你的資料訓練 AI」承諾，公司程式碼建議至少用 Pro。