快速上手：一小时跑通第一个产物
OpenDesign 不是一个「打开就能画」的设计软件。它是一层壳，把你电脑上已经装着的编码 Agent——Claude Code、Codex、Cursor、Gemini CLI 之类——接进一套设计流程里。所以第一次用的顺序，跟你熟悉的任何设计工具都不太一样：先把 Agent 接通，再挑一套设计系统，最后才轮到你说「我要一个什么东西」。
这一章八篇，按顺序读完大概一小时，结束时你手上会有一个能在浏览器里打开、能导出、能继续改的产物。
这一章讲什么
| 篇 | 讲的事 | 读完你能做到 |
|---|---|---|
| 01 · OpenDesign 是什么 | 它跟 Claude Design、Figma Make 这类工具的根本差别 | 判断这东西值不值得你装 |
| 02 · 安装 | 桌面版和源码两条路，各自的坑 | 机器上跑起来一个能打开的界面 |
| 03 · 接上 Agent | 21 个适配器怎么选，凭据放在哪 | 第一次生成不会卡在「找不到 Agent」 |
| 04 · 界面总览 | 一次生成到底经过哪几步 | 知道每一步在等你给什么 |
| 05 · 需求表单 | 生成前那张问卷为什么最重要 | 一次成型，不用来回重生成 |
| 06 · 设计系统 | 「DESIGN.md」怎么决定输出长什么样 | 输出不再是「AI 味」默认款 |
| 07 · 第一个产物 | 从零到一份能拿出手的东西 | 手上有个真的成品 |
三件先说清楚的事
它免费，但不是不花钱。 应用本身是 Apache-2.0 开源、永久免费的。花钱的是模型：你接哪个 Agent、用哪个模型，账单就走谁家。官方把这个叫 BYOK（bring your own key，自带密钥）。如果你已经在为 Claude Code 或者 Codex 付订阅，那这部分基本是零边际成本——设计任务和写代码任务共用同一个额度池。
它跑在本地。 桌面应用、daemon、技能运行时都在你机器上。生成出来的东西是你项目目录里的真文件，不是云端的一条记录。对合规敏感的活（客户资料、未公开的产品）来说，这是它最实际的一个优势。
它有学习成本。 官方文档写着「三行命令」，但那是给已经装了 Node 24 和 pnpm 的人看的。如果你不想碰终端，直接下桌面版，跳过 02 · 安装 的源码那半篇。
只想先做出一份 PPT
可以跳过这一章的 04 到 06，装好、接上 Agent 之后直接去 PPT 工作坊。那条线是本书主线，十步走完有一份能上台的 deck，途中用到的概念会现场解释。
一句话版本的工作流
不管你最后做的是网页、原型、看板还是 PPT，OpenDesign 的一次生成都是同一个形状：
- 挑起点 — 一句话说清目标，或者从模板库里 fork 一个。
- 定方向 — 选一个设计系统，配色、字体、间距就锁死了。
- 填表单 — 它根据你的提示词现场生成一张问卷，问画布比例、受众、页数、语气这些它猜不出来的东西。
- 生成 — Agent 读完全部上下文，写出真能跑的文件，左边看进度，右边看结果。
- 改 — 在预览里评论、标注、直接编辑，或者继续跟 Agent 说话。
- 交付 — 导出 HTML / PDF / PPTX / MP4，或者把源码交给工程。
第 2 步和第 3 步是大多数人跳过的，也是输出好不好看的分水岭。这一章后面两篇专门讲它们。