用 Open Design 把视频或文章做成幻灯片（用免费额度）
把 Open Design 当作演示文稿生成器——将 YouTube 字幕或任意文章变成精美的动画幻灯片，并借助编程 agent 的免费额度免费运行。还涵盖安装、免费连接 Codex、设计系统、草图工具，以及导入 Claude Design ZIP。基于 Eli Rigobeli 的深度演示。
Open Design 不只是用来做网页——它还是一个强大的演示文稿生成器。本指南聚焦于此：将 YouTube 字幕或任意文章变成精美的动画幻灯片，并借助编程 agent 的免费额度免费运行。它还涵盖免费的 Codex 配置、设计系统、草图工具，以及导入 Claude Design ZIP。本文沿用 Eli Rigobeli 在他的视频中给出的深度演示，用英文重写并更新到当前版本。可以观看上方视频，或继续阅读文字版。
幻灯片模式：选择一个幻灯片分类，并 fork 一个示例作为起点。
什么是 Open Design？
Open Design 是一个开源、本地优先的设计平台——一个你在自己机器上运行的 Claude Design 替代品，可驱动你想用的任何 agent 或模型（Codex、Claude Code、Gemini、OpenCode，或你自己的 API key），而不必被锁定在某一家供应商及其 token 上限里。它内置一套深厚的设计系统库（每个都是一份 DESIGN.md）和设计技能，并且不止于页面，还能做幻灯片、图片和视频。
第 1 步 — 安装并连接一个免费模型
从 open-design.ai/download 下载安装包（macOS / Windows），或从源码运行：
git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable && pnpm install
pnpm tools-dev run web打开它打印出的本地 URL（端口是动态的——不要写死）。为了实现免费配置，Eli 用一个免费的 ChatGPT 账号登录后连接 Codex（它会授予每周额度），所以整个会话不花一分钱。在设置里你还可以测试连接、添加媒体提供方（图片/视频/音频）、切换语言，以及领养一只桌面宠物。
第 2 步 — 从已有内容生成幻灯片
这是最亮眼的工作流。你不必从零写一套幻灯片——把你已有的内容喂给 Open Design：
- 选择幻灯片，给它命名，并挑选一个设计系统（你甚至可以混用两个，例如一套品牌风格 + 一套代码风格）。
- 拿来源内容——Eli 复制了一段 YouTube 视频的字幕（任何文章也行）——让 LLM 把它变成一份幻灯片简报（“根据这段字幕生成一个 5 页演示文稿的 prompt：……”）。
- 把它粘贴进 Open Design 并发送。它会跑一遍简短的探查（受众、视觉调性——例如“杂志编辑风”、动画程度）和一段视觉方向，然后开始构建。
成果是一套真正精美的幻灯片——Eli 的成品有流畅的幻灯片切换动画，五页之间保持一致的编辑风格，可全屏演示。这是把演讲、文章或视频变成可分享幻灯片的最快方式。
在预览中渲染的一个真实生成原型——Open Design 也能构建完整的交互式页面，而不只是幻灯片。
第 3 步 — 更多输入：草图、参考文件和 Claude Design ZIP
除了文字 prompt，Open Design 还接受多种起点：
- 草图工具——画出一个大致布局（“这里放横幅，下面放卡片”），加注释，然后让它根据你的草图来构建。
- 参考文件——把图片、截图或文件夹拖进来作为上下文，并在 prompt 里直接用
@提及它们（或技能）。 - 导入 Claude Design ZIP——已经在 Claude Design 里有一套设计系统了？把它导出成 ZIP、导入进来，Open Design 就会构建出遵循你现有 token 和品牌的新产物。
HyperFrames 画廊：由代码驱动的动效和视频作品，可供你 fork 和混搭。
第 4 步 — 编辑、盯住成本并交付
用编辑/检查来可视化地微调元素（如果检查工具要求，就让 agent 添加 data-oid 标签），用评论即编辑来标记位置。Eli 一直盯着免费的 Codex 余额——一个落地页花掉约 21% 的每周免费额度，一套幻灯片再多一点——这证明你不花钱也能做出真正的工作成果。完成后，分享可导出为 PDF/PowerPoint/ZIP/HTML，或部署到 Vercel。
他的成本小贴士：如果你更愿意用 API key，就选便宜的模型（GLM、Kimi、DeepSeek）——它们价格只是零头，对设计迭代来说也足够好。
小贴士
- 喂给它内容，别从零写——一段字幕或文章 → 一套成品幻灯片。
- 通过免费的 ChatGPT 账号连接 Codex（每周额度）即可免费运行。
- 混用两套设计系统来获得定制风格；当你心里已有布局时就用草图工具。
- 导入一个 Claude Design ZIP 来复用现有的设计系统。
- 盯住额度余额，并切换到便宜的 API 模型（GLM/Kimi/DeepSeek）以扩大规模。
常见问题
Open Design 能做演示文稿，而不只是网页吗？ 能——幻灯片模式会把一个 prompt（或你粘贴的字幕/文章）变成一套精美的动画 HTML 幻灯片，你可以全屏演示，或导出为 PowerPoint/PDF。
我能完全免费运行它吗？ 能——用一个免费的 ChatGPT 账号连接 Codex（或用 Gemini 的免费额度）；Eli 不花钱就构建了页面和幻灯片，只需盯住每周的额度余额。
它可以从哪些输入开始？ 一个文字 prompt、一张手绘草图、参考图片/截图/文件夹，或一个导入的 Claude Design ZIP。
它是免费且开源的吗？ 是——Apache-2.0。本地免费运行；你只需为所连接的任何模型/媒体用量付费。
这份文字指南基于 Eli Rigobeli 的深度演示。请观看上方完整视频，并订阅 Eli Rigobeli 获取更多 AI 构建内容。