Open CoDesign 可取代 Claude Design、Figma Make 同 Replit 嗎？免費背後仲有幾多成本

先講清楚：原文用嘅係 Open CoDesign

XDA 呢篇個標題冇寫工具名，但作者實際轉用嘅係 Open CoDesign，同另一個叫 Open Design 嘅項目有分別。兩者都主打開源、local-first 同自備模型，連個名都幾似。不過 Open CoDesign 係 Electron 桌面 app，重點放喺 prompt 生成原型、簡報同可交付檔案；Open Design 就偏向將 Claude Code、Codex、Cursor、Gemini CLI 等 coding agent 接入設計流程。要跟足原文個使用經驗，主角應該係 Open CoDesign。

圖片：OpenCoworkAI

安裝唔算難，安全提示就幾礙眼

Open CoDesign 官方提供 macOS、Windows 同 Linux 安裝包，亦可以用 Homebrew 或 Scoop 裝。官方話由安裝到第一個作品大約三分鐘，不過呢個數字只係項目方估算。較實際嘅阻力係 v0.2.0 安裝包仍未有 Apple notarization 或 Windows Authenticode 簽署，macOS 可能要手動清除 quarantine 標記，Windows 亦要越過 SmartScreen。識開 Terminal 嘅開發者問題唔大，但如果要成間工作室一齊用，IT 同事未必會鍾意呢種安裝方式。

模型設定有三條路：貼入 Anthropic、OpenAI、Gemini、OpenRouter 等 API key；用 ChatGPT 訂閱登入 Codex 模型；或者接 Ollama 跑本機模型。官方亦支援匯入 Claude Code 同 Codex 嘅 API provider 設定，但文件明確講到，Codex 用 ChatGPT 訂閱登入時要喺 app 重新登入。至於直接沿用 Claude Pro 配額，XDA 作者話做得到，現有官方 FAQ 就主要確認 API key 設定匯入，未有同樣清晰嘅保證，呢點唔應當成必然。

圖片：OpenCoworkAI

由設計交去前端，呢條路幾實用

Open CoDesign 可以輸出 HTML、React／JSX、PDF、PPTX、ZIP 同 Markdown，生成內容保留喺 workspace 檔案，仲有逐次修改記錄。Comment mode 可以點中預覽入面某個元素再落註解，叫模型集中改嗰一區；顏色、字款同間距亦可以用模型生成嘅 slider 微調。對 freelance designer 或細型前端團隊，呢套做法幾順：先砌 landing page 或 dashboard 原型，跟住檢查 HTML、CSS、JS，再將檔案交入現有 repo 繼續執。

不過佢同 Figma Make、Replit 各有自己擅長嘅範圍。Figma 有成熟 canvas、元件庫、多人協作、批註同 Dev Mode；Open CoDesign 輸出偏向 code-native，未提供同等完整嘅視覺編輯環境。Replit 就連 database、hosting、部署同多人 workspace 都包埋，Open CoDesign 集中處理設計產物。若工作只去到可點擊原型同前端交接，佢有機會慳走訂閱；要設計團隊一齊改稿，或者由零砌到上線服務，仍然要配合其他工具。

圖片：OpenCoworkAI

Local-first 有用，但唔代表資料完全冇出街

官方話 prompt、設計同掃描結果留喺電腦，預設冇 telemetry，app 亦冇經 OpenCoworkAI proxy 轉送資料。呢點對處理 NDA、未公開品牌素材或客戶 proposal 嘅工作室有實際價值。不過當你揀 Anthropic、OpenAI、Gemini 或其他雲端模型，prompt、相關素材同生成所需 context 仍會直接送去嗰個 provider。要完全離線，就要接 Ollama 呢類本機 endpoint，仲要確認模型、字款、圖片同其他資源冇另外連網。

另一個容易混淆嘅 Open Design，私隱取向亦有少少差別。佢官方 README 話產品分析同 session replay 要用家同意，但經清理嘅安全及可靠性 telemetry 會長開。換句話講，見到 local-first 四個字，仍然要逐項查模型路由、遙測設定、credential 儲存位置同生成頁面引用咗咩外部資源，唔好直接當成 air-gapped 工具。

免費軟件，模型同硬件照樣收錢

Open CoDesign 用 MIT license，app 本身冇月費，亦話唔會喺模型費上加價。XDA 作者用 API 時通常每幾次修改低過 US$1，呢個只係佢個人用量，唔可以套落所有人。Agent 會規劃、寫多個檔案、睇預覽再修正，token 用量通常高過普通對話；模型揀得貴、反覆改得多，API 帳單一樣可以升得快。以 Anthropic 公布嘅限時價格計，Sonnet 5 喺 2026 年 8 月 31 日前每百萬 input／output token 收 US$2／US$10，之後會升至 US$3／US$15。

訂閱比較亦要計清楚收到咩。Claude Pro 月付 US$20，除咗 Claude Design，仲包 Claude Code、Cowork、Projects 等功能，但共用 rolling usage pool；Figma Professional Full seat 官方標價由 US$16 一個月起，包完整設計同協作工具；Replit Core 月付 US$25，年繳折算 US$20，包每月 US$25 credits、workspace 同部署功能。若本身已經用緊呢啲服務，Open CoDesign 未必即刻慳到三份月費；佢較明顯嘅優勢係將設計生成接入現有模型開支，亦畀你睇到每次生成用咗幾多 token。

適合肯自己掌控條 pipeline 嘅人

Open CoDesign 幾適合已經識用 API、Codex 或本機模型，又想由 prompt 快速去到可交畀前端嘅 freelancer、小型工作室同 SME。佢輸出係普通檔案，日後轉模型、搬 repo 或自己改 code 都較輕鬆。代價係你要處理 provider 設定、模型成本、未簽署安裝包同生成 code 嘅檢查；開源項目更新得快，平台支援同安裝方法過幾個版本亦可能有變。若團隊最重視多人 canvas、完整雲端部署或企業管理，原有工具暫時仍然穩陣得多。

參考來源

• XDA Developers — I replaced Claude Design, Figma Make, and Replit with an open-source local-first alternative, and it saved me a fortune — original report
• Open CoDesign GitHub — 核對項目名稱、MIT license、安裝平台、輸出格式、模型支援同未簽署安裝包限制。
• Open CoDesign FAQ — 核對本機儲存、網絡流量、telemetry、離線模式、Codex／Claude Code 設定匯入同安全說明。
• Open Design GitHub — 分辨 Open Design 同 Open CoDesign，核對 coding-agent CLI、平台支援同遙測說明。
• Claude Pricing — 核對 Claude Pro 月費、包含功能、共用用量限制同 API 價格。
• Figma Pricing — 核對 Professional Full seat、Figma Make、AI credits 同協作功能。
• Replit Pricing — 核對 Core、Pro、月費、年度折扣、credits 同部署功能。

本文根據原文及公開資料整理；資料有出入時，以原文及官方資料為準。