Open Design——把你手头已有的 Agent 变成一台设计引擎
一份聚焦 Open Design 中大多数教程都跳过的部分的实用指南——如何选择并切换它背后的模型。你的编程 agent 是引擎，你把它指向的模型则是质量旋钮。安装它、接上 Gemini CLI 或 Claude，并学会让模型与任务相匹配。基于 Codedigipt 的实操演示。
本指南聚焦于大多数演示都一带而过的部分：引擎。Open Design 本身只是设计界面——真正的生成由你所指向的编程 agent 和模型完成，而这个选择正是决定输出质量的最大杠杆。本文沿用 Codedigipt 在他的实操演示中使用的配置，并按当前版本重写、更新。想看实时运行请观看上方视频，或继续阅读文字版。
Open Design 工作区：描述你想构建的东西，选择一种模式，剩下的交给你的智能体完成。
什么是 Open Design？
Open Design 是一个开源、本地优先的设计平台，运行在你已经在用的编程 agent 之上。它不自带模型——而是扫描你机器上已有的各种 CLI（Claude Code、Codex、Cursor、Gemini、Copilot、OpenCode，以及另外几十种），并把那个 agent 当作设计引擎。所以工作跑在你已有的订阅或免费额度上，而不是再添一笔设计账单。
- 开源，Apache-2.0——克隆它、自托管它、逐行阅读它。
- 本地运行——你的项目就是你自己机器上的文件夹。
- 自带引擎——任何受支持的 CLI，或你自己的 API 密钥。
- 内置一座深厚的设计系统与技能库，让你不必从空白画布开始。
- 不止于原型——原型、幻灯片、图像生成和视频。
核心理念：模型就是质量旋钮
这是 Codedigipt 最终得出的心智模型，也是最值得内化的一点：Open Design 的输出质量与你所选的模型同步。Open Design 提供结构——技能、设计系统、探索流程——但真正的设计判断来自引擎。用一个又快又便宜的模型，你得到的是又快又便宜的草稿；用一个顶级模型，同样的提示词和设计系统会带来精致得多的结果。
这是特性，不是局限。它意味着你可以为每个项目在成本与质量之间调节，并随时切换引擎。
第 1 步——安装 Open Design
三种入门方式：
| 方式 | 适合 | 前置要求 |
|---|---|---|
| 桌面应用 | 大多数人——零配置 | 无。下载并打开即可。 |
| 从源码运行 | 想阅读或修改代码的开发者 | Node ~24、pnpm 10.33.x |
| 装进你的 agent | 长居终端的人 | 一个已有的编程 agent CLI |
最快的方式是从 open-design.ai/download 下载桌面应用——它会自动检测你已安装的 agent CLI。要从源码运行（Codedigipt 走的这条路）：
git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run web打开它打印出的本地 URL——它解析出的是一个动态端口，所以不要写死。Codedigipt 凭经验提醒的一个坑：你需要 Node 24。在 Node 22 上它对他无法启动；请先安装 Node 24 LTS。Corepack 会选定固定版本的 pnpm。
第 2 步——选择你的引擎
这是最关键的一步。打开设置（配置执行模式），从 Open Design 在你机器上检测到的 CLI 中，挑选将驱动生成的那个 agent。任何未安装的都会显示为不可用。
- Gemini CLI——Codedigipt 在设计阶段的首选：设计直觉强，免费额度也很经用。生成就跑在这些额度上。
- Claude Code——把它指向一个擅长设计的模型（Sonnet 或 Opus），获得最高保真度的输出。
- OpenCode——自带能干的默认模型（例如 MiniMax、GLM），适合不想配置任何东西的你。
- Anthropic API（BYOK）——没有 CLI？填入一个 API 密钥，直接选择模型。这让你能用上 Claude 级别的输出，而无需单独的 Claude Design 订阅——你出密钥，Open Design 出设计界面。
第 3 步——先生成，再按引擎来评判
创建一个项目，给它起名，选择高保真，写下你的需求说明（Codedigipt 为一个「auth-as-a-service」API 构建落地页）。在动笔之前，Open Design 会返回一份简短的探索表单——输出格式、主界面、受众、视觉调性、品牌方向——让 agent 锁定正确方向，而不是靠猜。填好它，挑一个视觉方向，它就开始构建。
在预览中呈现的真实生成原型——一个深色、富有电影感的代理公司落地页。
在快速模型上的结果（Codedigipt 用的是一个 Gemini flash 预览版）是几秒钟内一份干净、可用的初稿。他反复强调的实诚提醒：你得到的输出，取决于你所选模型的水平。想要 Opus 级别的精致？把引擎切到 Claude 的 Opus 上，对同一份需求重新运行——同样的技能、同样的设计系统，结果更锐利。
插件库：直接从注册表安装技能——包括反粗制滥造（anti-slop）的设计技能。
满意之后，分享菜单可导出为 PDF、PPTX、独立 HTML 或 ZIP——或直接部署到 Vercel。你可以在 open-design.ai/plugins 浏览完整的插件库。
小贴士
- 让模型与任务相匹配。快速草稿和迭代用便宜/快的模型；面向客户的最终成稿用顶级模型。
- 使用本地 CLI，这样生成就跑在你已有的订阅或免费额度上。
- 用 BYOK 获得 Claude 级别质量，而无需 Claude Design 套餐——把一个 Anthropic 密钥填进设置并选择模型。
- 别拿弱模型来怪工具。再好的设计系统也救不了一个弱引擎；如果输出显得单薄，先升级模型，再去改提示词。
- 把探索表单填完整——这正是引擎一次就锁定方向的方式。
常见问题
我选的模型真的会让输出差那么多吗？ 是的——这是最大的杠杆。Open Design 提供技能和设计系统，但设计判断来自引擎。同一份需求在 Opus 与一个快速预览模型上跑，精致度有明显差别。
我能不为 Claude Design 付费就用上 Claude 级别的质量吗？ 可以。把 Open Design 指向 Claude Code，或把一个 Anthropic API 密钥填进设置（BYOK）并选择模型。你无需单独的 Claude Design 订阅就能获得这样的输出。
我能在项目中途切换模型吗？ 可以——在设置里更换 agent/模型并重新运行。同样的技能和设计系统，背后换了一台引擎。
它免费吗？ 应用本身在 Apache-2.0 下开源，本地运行免费。你只需为所连接 agent 的模型/额度付费。
本文字版指南基于 Codedigipt 的实操演示。请观看上方完整视频，并订阅 Codedigipt，获取更多实用的 AI 工具配置。