OJO：組建 AI 設計 Agent 團隊，從一句話做到可互動原型與程式碼交付

OJO 定位為 AI 設計 Agent 團隊工作台。它不提供一支筆，而是提供一個可以自己招人的設計部門：你按任務挑選角色、呼叫 200 多種可插拔 Skills，在同一個畫布上從創意探索走到可互動原型，再匯出程式碼或 Figma 交付。

多數 AI 設計工具解決的是「出一張圖」。但真實的設計任務從來不是單張圖：先要釐清需求，再定品牌方向與視覺基調，然後做介面、做互動、最後交付給開發。OJO 試圖把這條鏈路裝進一個工作台，並把執行者從單一模型換成一支可自行組建的 Agent 團隊。

它的核心機制有兩層。第一層是 Agent 團隊：不同角色帶著不同技能協同，你像派活給真人一樣分配任務。第二層是 200 多個可插拔 Skills，涵蓋產品策略、UI/UX、視覺風格等方向，按需掛載。素材裡還提到內建若干視覺風格基因（如復古未來、賽博文藝復興），讓輸出帶有可重用的審美傾向，而不是每次重新碰運氣。

輸入側支援一句話、一張圖或一個連結直接生成可互動原型；輸出側支援一鍵匯出 Figma、程式碼、PPT/PDF/PNG 以及在線分享連結。此外提供 CLI 工具，可嵌入 Claude Code、Codex、Cursor 等開發流，把設計環節接進既有的工程習慣，而不是另開一個孤島。

主要功能

Agent Team 組建

按任務自由組建 AI 設計團隊，給不同 Agent 分配角色與技能，讓它們在同一個目標下協同，而不是由單一模型包辦全部判斷。

200+ 可插拔 Skills

超過 200 種可加入的 Skills，涵蓋產品策略、UI/UX、視覺風格等專業能力，既可以只要一個視覺方向，也可以掛滿整條鏈路。

全鏈路設計覆蓋

從品牌定位、創意發散、視覺定義，到可互動原型與程式碼交付，覆蓋設計流程的首尾，而不是只做中間出圖那一段。

一張畫布工作流

創意探索、原型設計、程式碼生成都在同一張畫布上完成，減少在多個工具之間搬運上下文造成的風格漂移。

多模態輸入生成

一句話描述、上傳一張圖或貼上一個連結，都能直接產出可互動的產品原型。

視覺基因與審美記憶

內建多種視覺風格基因，讓產出帶有穩定的審美取向並保留記憶，適合需要長期維持品牌調性的專案。

CLI 與開發流嵌入

提供命令列工具，可嵌入 Claude Code、Codex、Cursor 等主流 AI 開發工作流，讓設計產物直接進入編碼環節。

設計即交付

一鍵匯出 Figma、程式碼、PPT/PDF/PNG 及線上分享連結，把「設計完成」和「可以交付」壓到同一個動作。

使用方式

1. 先取得使用資格。 前往 OJO 官網，加入候補名單或填寫邀請碼開通權限。它目前走的是內測／候補通道，不是註冊即用。
2. 按任務組隊。 從 200 多種 Skills 中挑出這次需要的專業能力，組建專屬設計團隊。做到達頁和做產品後台，團隊配置本來就該不同。
3. 把需求說清。 用一句話描述、上傳參考圖或貼上連結傳達想法。這一步給的資訊越具體，後面釐清輪次越少。
4. 接受反問。 Agent 會主動追問、引導你把隱性需求講出來，把模糊想法收斂成明確的設計策略與方向。不要跳過這輪，它決定了後面返工多少次。
5. 完成前置定義。 與 Agent 協同確定品牌定位、創意發散與視覺基調，把「好看」變成可討論的判斷標準。
6. 生成互動原型。 在同一張畫布上輸出帶點擊、懸停動效的可互動原型，直接用來演示而不是貼靜態圖。
7. 診斷與迭代。 呼叫設計優化類 Skills，對介面與體驗做自動診斷並逐輪改進，再匯出所需格式或經 CLI 接入開發流。

適用場景與人群

• 新創團隊做 MVP： 創辦人沒有預算聘設計團隊，用 Agent 團隊完成產品定位、互動原型與前端程式碼，先把商業模式驗證掉。
• 行銷與營運： 輸入 campaign 需求，呼叫行銷方向的專家 Agent，快速產出到達頁視覺並直接部署。
• 獨立開發者： 後端邏輯自己寫，UI/UX 全鏈路交給 OJO，從線框到可互動原型再到程式碼匯出，省掉對接設計的外包環節。
• 設計師： 從純執行繪圖轉向策略主導，把需求分析與創意發散交給 Agent 鋪開，自己聚焦高價值判斷。
• 企業行銷團隊： 統一品牌視覺基因，批次產出官網、活動頁與產品介面，並保持跨專案的視覺一致性。

使用限制與注意事項

• 需要內測資格。 官方入口是候補名單與邀請碼，無法註冊即用，排期不受個人控制；急著上專案的話要有備選方案。
• 定價未在素材中揭露。 本文不對價格、額度或商用授權作任何推斷，涉及成本與授權請以官網說明為準。
• Agent 團隊的配置本身是門檻。 200 多種 Skills 是能力也是選擇成本，團隊怎麼搭、角色怎麼分工直接影響結果；不熟悉設計流程的人容易把「組隊」變成「堆技能」。
• 審美判斷不能外包。 視覺基因與記憶能穩定風格，但「這個方向對不對」仍取決於你對使用者與品牌的理解。生成結果必須人工篩選，尤其是對外物料。
• 程式碼與交付物需複核。 匯出的程式碼與設計檔在真實工程裡仍要過一遍規範、響應式與無障礙檢查，不能直接當作生產交付。

常見問題

OJO 和普通的 AI 出圖工具差在哪？

出圖工具解決單張畫面，OJO 覆蓋從需求釐清、品牌與視覺定義到可互動原型和程式碼匯出的完整鏈路，並把執行者做成可組建的 Agent 團隊。

一定要用 CLI 嗎？

不必。網頁端一張畫布即可完成探索、原型與匯出；CLI 是給已有開發流的人做嵌入用的。

能匯出哪些格式？

素材列出的包括 Figma、程式碼、PPT/PDF/PNG 以及線上分享連結。

適合完全不懂設計的人嗎？

適合做第一版和驗證想法，Agent 會反問幫你釐清需求；但要把成品做到對外發布的水準，仍建議有設計判斷的人把關。

現在能直接用嗎？

需要先透過官網候補名單或邀請碼開通權限，屬於內測階段的產品。