快速上手：一小時跑通第一個產物
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 步是大多數人跳過的，也是輸出好不好看的分水嶺。這一章後面兩篇專門講它們。