面向代理机构的 Open Design——商用无忧、成本可控、随时交付客户

如果你为客户做交付，封闭式设计工具的每周额度上限和单一模型会让你很难规模化工作。本指南是一份面向代理机构/自由职业者的 Open Design 实战手册：为什么它商用无忧、如何通过切换模型管理开销、以及如何快速交付客户工作。它沿用 Dylan Michael 在他的视频中给出的完整演示，并针对当前版本做了重写与更新。可以观看上方视频，或继续阅读文字版。

Open Design 工作区：描述你想构建的东西，选择一个模式，剩下的交给你的智能体。

为什么它适合客户工作

Open Design 是一个开源、本地优先的设计平台，它运行在你已经在用的编码智能体之上——对代理机构而言，最重要的是三点：

• Apache-2.0 = 商用无忧。 你可以把它用于客户项目、售卖你所构建的成果，无需征得许可、也无需支付版税——这一点不同于某些采用限制性许可证的克隆产品。
• 本地优先 = 一切归你所有。 项目都存在你自己的机器上，客户工作不会躺在别人的云端。
• 任意模型 = 开销可控。 Claude、ChatGPT、Gemini、DeepSeek，或免费模型——你不必在每个任务上都烧掉高端模型的额度。

Dylan 的直白说法是：一个封闭工具可能每月花掉你 20–200 美元，却仍然把你限流到每周只能出几个设计，这在服务客户时根本行不通。Open Design 去掉了额度上限和锁定。

第 1 步——安装并选择你的引擎

让你编辑器里的智能体去克隆并配置它（把仓库 URL 粘贴进去，让 Claude Code / Codex 运行起来），或者从 open-design.ai/download 下载桌面应用。首次启动时，它会显示本地已安装的每一个模型（Codex、Gemini、GitHub Copilot CLI，……）——如果你刚添加了一个，点击 rescan，或者填入你自己的密钥。选好 CLI 和模型，然后保存。

第 2 步——构建客户交付物

新建一个项目（Dylan 构建了一个高端销售分析仪表盘），选择 high fidelity（高保真），然后写提示词。Open Design 会提出澄清性问题（有哪些屏幕、承载平面、强调色、热力图/排行榜展示什么），并在过程中显示每个任务的成本——这在给客户项目做预算时非常有用。选好配色方案后，它会一次性构建出一个精致的结果，接着你就可以用自然语言来打磨（“加一个高端的刷新动画、切换到 glassmorphism、收紧间距”）。

在预览中渲染出的一个真实生成原型——一个深色、电影感的代理机构落地页。

第 3 步——控成本的关键动作：项目进行中切换模型

这就是代理机构的经济学。Dylan 的法则是：用强模型搭建结构（它最擅长理解设计），然后切换到更便宜的模型来处理细节和修改——把左下角的 CLI 从 Claude Code 换成 Codex/Gemini 并保存。若想把成本压到真正的低，就把它指向 OpenRouter，使用低价或免费的模型（用于迭代时，一个 DeepSeek 级别的模型价格只是零头，却能达到约 90–95% 的质量）。每一块钱花在哪里由你决定，而不是让一个高端模型在你的额度上肆意跑。

你还可以添加一个媒体服务商密钥（例如 OpenAI），把生成的图片直接放进交付物里，然后一键部署到 Vercel供客户评审。

HyperFrames 画廊：由代码驱动的动效与视频作品，你可以 fork 并二次创作。

小贴士

• 善用 Apache-2.0 许可证——无需许可或版税即可交付客户工作。
• 用强模型构建，用便宜模型迭代——这是最大的成本杠杆。
• 留意界面里显示的单任务成本，用于给客户项目做预算。
• 用 OpenRouter 调用低价/免费模型来处理繁琐的修改。
• 部署到 Vercel，获得可快速评审的客户链接。

常见问题

我能把 Open Design 用于付费的客户项目吗？ 可以——它是 Apache-2.0 许可，所以可以商用、售卖并自托管，无需版税或许可。

如何在整个项目中控制成本？ 用强模型搭建结构，然后切换到更便宜的模型（或通过 OpenRouter 使用免费模型）来做迭代；界面甚至会显示每个任务的成本。

它有那种封闭工具的每周额度上限吗？ 没有——生成运行在你所连接的智能体/密钥上，所以你是自己管理开销，而不是撞上一个固定的每周上限。

它是免费且开源的吗？ 是的——Apache-2.0。本地运行免费；你只需为所连接的模型/媒体用量付费。

---

本文字版指南基于 Dylan Michael 的完整演示。观看上方的完整视频，并订阅 Dylan Michael | AI Automation 获取更多 AI 自动化工作流。