# MagicPath 供人類與 AI 智慧代理共同使用的協作設計畫布 - Findings24: - 網站: - 價格: Freemium - 分類: AI設計助手, AI開發者工具, AI 工作流程自動化 ## 什麼是 MagicPath？ MagicPath 是供人與 agent 共用的設計畫布，專為希望一起建立、調整與探索產品點子的團隊打造，AI 會直接在與設計師和開發者相同的工作區中參與。 這個產品以即時畫布為核心，一段簡短需求可以同時產生多個畫面，編輯可以套用到多個設計之間，工作也能在設計與程式碼之間流轉。MagicPath 也支援 Claude Code、Codex 與 Cursor 等外部 agents，讓使用者即使在 app 關閉時，仍可從終端機、IDE 或手機推進專案。 ## MagicPath 能做什麼？ ### 平行畫面生成 MagicPath 的畫布為平行作業而設計：一段簡短需求可以轉化為多個畫面或變體，designer agents 會並行工作，並在完成時依序顯示。 ### 跨設計編輯 可同時編輯多個設計中的元素，或直接在畫布上快速輸入 AI 提示，讓更新能夠沿著相關畫面傳播，而不必逐一手動修改。 ### 具上下文感知的提示 畫布可接受設計稿、草圖、截圖、圖片與選取的元素作為上下文，讓你能精準指定 agents 應該使用的素材。 ### 外部 agent 支援 可連接 Claude Code、Codex 或 Cursor，並持續從你的終端機、IDE 或手機工作。文件指出，即使 app 關閉，外部 agent 仍可持續驅動 MagicPath。 ### 設計到程式碼工作流程 可從 Figma 匯入、擷取任何網站，並匯出可供生產使用的程式碼。定價頁也提到可下載程式碼，並在任何 IDE 中開啟結果。 ### 多人協作 支援即時團隊協作、共享工作區行為，以及對每位隊友與 agent 在專案中的即時可視性。 ## 使用情境 ### 探索產品方向 使用 MagicPath 將簡短需求一次轉成多種畫面方向，然後在它們陸續出現在畫布上時比較各種變體。 ### 團隊協作設計 邀請隊友進入同一工作區，讓他們在設計衝刺期間與 agents 進行即時編輯、審閱與協調。 ### 由外部 agent 驅動的工作流程 當你希望 agent 在你處理其他事情時，仍能從你的 repo、MCP 或 Linear 任務持續建置時，連接 Claude Code、Codex 或 Cursor。 ### 從既有素材開始 當你需要既有上下文而不是空白畫布時，可匯入 Figma 檔案、擷取網站或從截圖開始。 ### 設計與程式碼來回轉換 當你希望設計與實作之間有更緊密的往返流程時，可將核准的設計移到程式碼中，或把元件拉回畫布。 ## 常見問題 ### MagicPath 是用來做什麼的？ MagicPath 是一個讓人與 agent 一起設計的畫布。你可以根據簡短需求建立新畫面、一次編輯多個設計、從 Figma 匯入、擷取網站，以及匯出可直接交付生產的程式碼。 ### 要怎麼開始使用？ 文件說明你先建立帳號、描述你想做的內容，接著上傳截圖、提及既有設計、在畫布上草繪，或選取現有元素。MagicPath 會派送合適的 designer agents，並在完成後把工作帶回畫布上。 ### 團隊可以在 MagicPath 中一起工作嗎？ 可以。MagicPath 支援與團隊即時協作，隊友與 agents 都會即時顯示在同一個畫布上。 ### MagicPath 支援外部 agents 嗎？ 可以。MagicPath 可連接 Claude Code、Codex 與 Cursor 等外部 agents，而且即使 app 關閉，也能從你的終端機、IDE 或手機驅動。 ### Figma 匯入與匯出如何運作？ 定價頁說明，Free 方案每月包含 5 次 Figma 匯入與 3 次匯出，Builder 方案包含 5 次匯入與無限次匯出，而 Pro 與 Teams 方案則包含無限次 Figma 匯入與匯出。 ## 快速資訊 - **類別**: AI 設計畫布 - **平台**: Web app，提供 macOS 下載 - **主要使用者**: 與 AI agents 協作的設計師、開發者與團隊 - **核心工作流程**: 在同一畫布上與人類和 agents 一起建立、調整與探索設計 - **整合方式**: Claude Code、Codex 與 Cursor 等外部 agents；Figma 匯入/匯出；網站擷取 - **定價形式**: 免費方案、自助付費方案，以及客製化 Teams 方案