← 返回教程 安装 Open Design —— 免费的 AI 设计工具(Claude Design 替代品) 的视频封面
入门

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

基于 AI Unlocked 的安装演示:四步搭建 Open Design——下载免费桌面应用、把你已有的编码 agent 接入作为设计引擎、保持默认模型、并锁定隐私设置。全程无需任何付费订阅。

AI Unlocked 2026年6月30日 2:35 在 YouTube 打开 ↗

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

Open Design 本地运行的工作区。 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 工具。