安装 Open Design —— 免费的 AI 设计工具（Claude Design 替代品）

本指南教你在不订阅任何云端服务的情况下安装 Open Design——把你已经在用的编码 agent CLI 变成这款应用的设计引擎。内容基于 AI Unlocked 在安装演示视频中演示的四个步骤，为图文版重新整理，方便你逐步跟做。可观看上方视频看完整演示，或继续阅读图文版。

Open Design 安装并连接到本地编码 agent 后的工作区——无需任何云端订阅。

什么是 Open Design？

• 开源，Apache-2.0——查看源码、自托管，或者直接下载打包好的应用。
• 本地优先——应用和你的项目都跑在你自己的机器上。
• 自带 agent、自带 key——它运行在你已经装好的编码 agent CLI（和模型）之上，而不是另外向你出售一份 AI 订阅。
• 不止于原型——除了 UI 原型，同一个工作区还能生成幻灯片、图片和视频。

第 1 步——下载应用

前往 Open Design 的 GitHub 页面，打开 Releases 部分，或者直接去 open-design.ai 获取直接下载链接。选择适合你机器的版本——如果是 Apple 芯片的 Mac，就选 macOS arm64 版本。下载文件、打开它，然后把 Open Design 图标拖进你的应用程序文件夹。安装方式和普通桌面应用一样，这条路径不需要编译，也不需要用终端。

第 2 步——连接你的编码 agent

打开应用。在登录界面上，跳过付费的云端按钮，改点它下方那个较小的链接——local coding agent。Open Design 会扫描你的机器，找出你已经装好的 CLI，比如 Claude Code、Codex 或 Cursor。选择你想用来驱动设计生成的那一个，然后点击继续。这样就连接好了引擎，不需要额外付费——你用的是自己已经拥有的 agent 权限。

第 3 步——选择模型

在模型选框里，保持 default CLI config 设置不变。这会让 Open Design 继承你所连接的编码 agent 当前配置的模型——通常是它的最新版本——而不是去选下拉列表里那些较旧的模型，那些只是备用选项。

第 4 步——锁定你的隐私

进入 Settings → Privacy。你会看到两个默认开启的开关，其中一个会把你实际的项目数据分享到应用之外。把两个都关掉，然后点击 delete my data 清除已经收集的数据。这之后 Open Design 的功能完全不受影响——这些开关只控制哪些数据会离开你的机器，不影响应用本身的能力。

探索工作区

连接完成后，两个库会让空白画布不再是问题：

设计系统库——选择一个真实品牌的 token，而不是从空白调色板开始。

• 设计系统把一个品牌的外观打包成一组 token——颜色、字体、间距——你可以直接在它之上继续构建。
• 模板涵盖原型、幻灯片以及图片和视频生成，你可以直接 fork 一个起点，而不是面对空白屏幕。

模板库——原型、幻灯片、图片和视频的起点，随时可以 fork。

接下来，描述你想构建的东西，让你连接的 agent 生成第一个版本。

常见问题

Open Design 免费吗？ 是的——它在 Apache-2.0 协议下开源，本地运行完全免费。你只需要为你所连接的编码 agent 和模型的用量付费，而这些你很可能已经在用了。

我需要购买 Claude Design 或其他付费设计工具才能用它吗？ 不需要。Open Design 运行在你已经拥有的编码 agent CLI 之上，比如 Claude Code，所以不存在另外要买的设计订阅。

我可以连接哪些编码 agent？ 这次演示里检测到了 Claude Code、Codex 和 Cursor，但 Open Design 支持的编码 agent CLI 列表要长得多——只要是你机器上已经装好的，都会被检测出来。

为什么设置过程中会问隐私设置？ 有两个数据分享开关默认是开启的，其中一个会把你的实际工作内容发送到应用之外。在 Settings → Privacy 里把它们关掉，就能让一切保留在本地，且不会关闭任何功能。

我该选哪个模型？ 保持 default CLI config 不变，这样 Open Design 就会使用你所连接的编码 agent 当前正在运行的模型——这通常是你能用到的最强选项。

---

这份图文指南基于 AI Unlocked 的安装演示。观看上方完整视频，并订阅 AI Unlocked，每天都能看到一款新的免费 AI 工具。