開源的 Framer 替代方案。

Framer 是什麼

Framer 是一個用來設計並發布網站的託管、無程式碼視覺建構器：一塊你親手排版的畫布，具備元件、CMS、AI 功能與一站式託管。它擅長把一個行銷網站從設計帶到上線，而不必寫程式碼。

它是閉源的，執行於廠商雲端，按訂閱收費。Open Design 是不同的姿態：一個本機優先、開源的設計代理，你把自己的編碼代理指向它 — 在產出介面上重疊，但不在於無程式碼的發布與託管。

• 廠商：Framer — 託管 SaaS
• 定價：訂閱（按網站 / 方案）
• 主要產出：一個已發布、已託管的網站

團隊為何尋找 Framer 替代方案

當團隊想讓設計成為他們擁有、由他們已在用的代理生成、可部署到任何地方的檔案，而非一個住在（並從中發布的）廠商雲端裡的專案時，他們就開始把目光投向 Framer 之外。

• 擁有檔案: 設計應是你 repo 中受版控的產物，而非一個託管專案。
• 開源: Apache-2.0 且可自架：fork 它、為你的工作室重新品牌化它，或把它嵌入 CI — 而非封閉、託管的 SaaS。
• 代理驅動: 用你已經在用的編碼代理生成與迭代設計，而非親手搭建每一個區塊。
• 不綁死於單一主機: 你的產出是檔案；可部署到任何地方，而不只是廠商的託管。

本機優先 + BYOK，解析

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

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

Open Design vs Framer，逐項功能

Framer 勝出之處：若你想要一個無程式碼視覺建構器，能設計並發布一個內含託管的行銷網站，Framer 從頭到尾都做到。Open Design 則是設計優先且代理驅動的。

誰該選哪個

選 Framer，如果：

• 你想要一個無程式碼視覺建構器來設計並發布網站。
• 你想要託管一站搞定。
• 比起檔案與 BYOK，你更偏好託管畫布。

選 Open Design，如果：

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

把一份設計從 Framer 搬進 Open Design

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

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

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

FAQ

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

   不是。Framer 是一個託管的無程式碼網站建構器；Open Design 是一個代理驅動、本機優先的設計層。兩者在產出介面上重疊，但不在於無程式碼的發布與託管。

2. 02 Open Design 能像 Framer 一樣發布網站嗎？ +

   Open Design 產出歸你所有的設計產物與程式碼；由你自己部署它們。若要一站式的無程式碼建構器加託管，Framer 更合適。

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 與 Framer 有關聯嗎？ +

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