开源 Framer 替代方案。

Framer 是什么

Framer 是一个托管的、无代码的可视化构建器，用来设计和发布网站：一块你手工排版的画布，配有组件、CMS、AI 功能和一站式托管。它擅长把一个营销站点从设计带到上线，全程无需写代码。

它是闭源的，运行在厂商云上，按订阅计费。Open Design 是另一种姿态：一个本地优先、开源的设计 agent，你用自己的编码 agent 对准它 —— 在产出界面上有交集，但不在无代码发布与托管上。

• 厂商：Framer —— 托管 SaaS
• 定价：订阅（按站点 / 套餐）
• 主要产出：一个已发布、托管的站点

团队为何寻找 Framer 替代方案

当团队想要让设计成为他们拥有的文件、由他们已经在用的 agent 来生成、可部署到任何地方，而不是一个存活在厂商云里（并从中发布）的项目时，他们就开始把目光投向 Framer 之外。

• 掌控文件: 设计应当是你仓库里受版本控制的产物，而不是一个托管项目。
• 开源: Apache-2.0 且可自托管：fork 它、为你的工作室重新打牌子，或把它嵌入 CI —— 而不是一个闭源、托管的 SaaS。
• agent 驱动: 用你已经在用的编码 agent 来生成和迭代设计，而不是逐个版块手工搭建。
• 不被某一个托管方锁死: 你的产出是文件；可部署到任何地方，不只是厂商的托管。

本地优先 + BYOK，详解

Open Design 在你的机器上运行一个桌面应用、一个本地守护进程，以及 Markdown 的 skill 和设计系统目录。你的设计是文件，而不是一个托管项目，你的品牌以一份可移植的 DESIGN.md 文件存在于你的仓库里，每个 skill 都会遵循它。

你自带 agent 密钥。凭证留在本地配置或环境变量里 —— Open Design 绝不代理它们 —— API 花费直接记到你头上。

Open Design vs Framer，逐项功能对比

Framer 胜在哪里：如果你想要一个无代码可视化构建器来设计并发布一个营销站点、且内置托管，Framer 能端到端做到。Open Design 走的则是设计优先、agent 驱动的路线。

谁该选哪个

选 Framer，如果：

• 你想要一个无代码可视化构建器来设计并发布一个站点。
• 你想要在一个地方内置托管。
• 比起文件和 BYOK，你更喜欢托管画布。

选 Open Design，如果：

• 你想要把设计产物和品牌作为受版本控制的文件。
• 你想用现有的编码 agent 做 BYOK。
• 你想要可以 fork、重新打牌子、嵌入 CLI 或自托管的开源软件。
• 你想要每个品牌一份 DESIGN.md，并被每个 skill 遵循。

把一份设计从 Framer 迁入 Open Design

目前没有从 Framer 自动导入的方式；用一次性的品牌提取流程来开启设计优先。

1. 按快速上手安装 Open Design。
2. 打开 Web UI，让你的 agent 对准一个你喜欢的 Framer 站点或截图。
3. 让 agent 把品牌提取到一个 DESIGN.md 文件里。
4. 挑一个 skill，针对你的新品牌渲染它。

从那以后，每个 skill 都会按你的品牌渲染，无需重复提示 —— 而文件始终留在你的仓库里。

FAQ

1. 01 Open Design 是 Framer 的即插即换替代品吗？ +

   不是。Framer 是一个托管的无代码站点构建器；Open Design 是一个 agent 驱动、本地优先的设计层。两者在产出界面上有交集，但不在无代码发布与托管上。

2. 02 Open Design 能像 Framer 一样发布一个站点吗？ +

   Open Design 产出你拥有的设计产物和代码；部署由你自己来做。如果要一个一体化的无代码构建器外加托管，Framer 更合适。

3. 03 Open Design 用哪个 agent？ +

   由你选 —— 用 Claude Code、Codex、Cursor、Gemini、OpenCode 或 Qwen 做 BYOK。凭证绝不经我们代理。

4. 04 Open Design 真的是开源的吗？ +

   是的。它在 github.com/nexu-io/open-design，采用 Apache-2.0，可自托管。

5. 05 Open Design 与 Framer 有关联吗？ +

   没有。Open Design 是一个独立的开源项目。Framer 是其所有者的商标；这是一份无关联的对比。