開源的 Figma 替代方案。

Figma 是什麼

Figma 是一個託管的協作介面設計工具：一塊瀏覽器內的向量畫布，具備即時多人編輯、原型製作、龐大的外掛與元件生態系，以及設計師到開發者的交接。它是親手操作 UI 設計的預設選擇，且已加入自家的 AI 功能。

它是閉源的，執行於廠商雲端，按編輯者席位收費。Open Design 是不同的型態：一個本機優先、開源的設計代理，你把自己的編碼代理指向它 — 兩者在產出介面上重疊，但不在於即時畫布編輯。

• 廠商：Figma — 託管 SaaS
• 定價：按編輯者席位計費
• 主要產出：雲端設計文件

團隊為何尋找 Figma 替代方案

當團隊想讓設計成為他們擁有的檔案、由他們已在用的代理生成與迭代，而非住在廠商雲端裡的文件時，他們就開始把目光投向 Figma 之外。

• 擁有檔案: 設計應是你 repo 中受版控的產物，而非只能透過單一應用觸及的雲端文件。
• 開源: Apache-2.0 且可自架：fork 它、為你的工作室重新品牌化它，或把它嵌入 CI — 而非封閉、按席位計費的 SaaS。
• 代理驅動: 用你已經在用的編碼代理生成與迭代設計，而非親手畫每一個畫面。
• 可攜帶品牌: 一份 DESIGN.md 編碼了每個技能都遵循的品牌，與你的程式碼一起版控。

本機優先 + BYOK，解析

Open Design 在你的機器上執行一個桌面應用、一個本機 daemon，以及 Markdown 的技能與設計系統目錄。你的設計是檔案，而非雲端文件，而你的品牌以一份可攜帶的 DESIGN.md 檔案留存在你的 repo 中，每個技能都遵循它。

你自帶代理金鑰。憑證留在本機設定或環境變數中 — Open Design 絕不代理它們 — 而 API 支出直接計入你自己。

Open Design vs Figma，逐項功能

Figma 勝出之處：親手操作的向量編輯、即時多人協作畫布，以及深厚成熟的外掛與元件生態系。若那塊親手操作的畫布正是你的任務，Figma 難以匹敵 — Open Design 則是設計優先且代理驅動的。

誰該選哪個

選 Figma，如果：

• 你想要親手操作的向量編輯與即時多人協作畫布。
• 你的團隊深耕於成熟的外掛與元件生態系。
• 比起檔案，你更偏好託管的設計師到開發者交接。

選 Open Design，如果：

• 你想把設計產物與品牌做成受版控的檔案。
• 你想用你既有的編碼代理做 BYOK。
• 你想要可 fork、可重新品牌化、可嵌入 CLI、可自架的開源方案。
• 你想要每個品牌一份 DESIGN.md，且每個技能都遵循。

把一份設計從 Figma 搬進 Open Design

目前沒有從 Figma 自動匯入的功能；以一次性的品牌擷取執行作為設計優先的起點。

1. 依快速上手指南安裝 Open Design。
2. 打開 Web UI，把你的代理指向一個你喜歡的 Figma 畫框或截圖。
3. 請代理把品牌擷取成一份 DESIGN.md 檔案。
4. 挑一個技能，依你的新品牌渲染它。

自此之後，每個技能都會以你的品牌渲染，無需重複提示 — 而且檔案都留在你的 repo 中。

FAQ

1. 01 Open Design 是 Figma 的即插即用替代品嗎？ +

   不是。Figma 是一塊親手操作的協作畫布；Open Design 是一個代理驅動、本機優先的設計層。兩者在產出介面上重疊，但不在於即時畫布編輯。

2. 02 我能在用 Open Design 的同時繼續用 Figma 嗎？ +

   可以。許多團隊在 Figma 設計，並用 Open Design 從一份可攜帶的品牌做生成與迭代；目前遷移是手動的。

3. 03 Open Design 用哪個代理？ +

   由你決定 — BYOK 搭配 Claude Code、Codex、Cursor、Gemini、OpenCode 或 Qwen。憑證絕不經過我們代理。

4. 04 Open Design 真的開源嗎？ +

   是的。它位於 github.com/nexu-io/open-design，採 Apache-2.0，且可自架。

5. 05 Open Design 與 Figma 有關聯嗎？ +

   沒有。Open Design 是一個獨立的開源專案。Figma 是其所有者的商標；這是一份無關聯的比較。