MagicPath

Freemium

供人類與 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 方案

MagicPath 流量分析

流量數據僅供參考。

月造訪量: 17.8萬
全球排名: #241,741
使用者跳出率: 44.0%
平均造訪時長: 01:55
每次造訪頁數: 2.45
網域評分: 51

4月	88429
5月	108236
6月	177691