# MagicPath

供人类与 AI 智能体共同使用的协作设计画布

- Findings24: <https://findings24.com/zh-CN/tools/magicpath>
- 网站: <https://magicpath.ai>
- 价格: Freemium
- 分类: AI设计助手, AI开发者工具, AI 工作流自动化

## 什么是 MagicPath？

MagicPath 是面向人和 agent 的共享设计画布。它专为希望与 AI 一起创建、优化并探索产品创意的团队而设计，让 AI 直接在与设计师和开发者相同的工作区中参与。

该产品围绕实时画布展开：一条需求可以并行产出多个屏幕，编辑可跨设计应用，工作也能在设计与代码之间流转。MagicPath 还支持 Claude Code、Codex 和 Cursor 等外部 agent，即使应用关闭，用户也能通过终端、IDE 或手机来推进项目。

## MagicPath 能做什么？

### 并行屏幕生成

MagicPath 的画布专为并行工作而设计：一条简短需求可以生成多个屏幕或变体，设计 agent 并行工作，并在完成后依次显示。

### 跨设计编辑

可一次编辑多个设计中的元素，或直接在画布上发送简短 AI 提示，这样更新就能在相关屏幕间传播，而无需逐个手动修改。

### 上下文感知提示

画布可将设计、草图、截图、图片和所选元素作为上下文，让你把 agent 精确指向你希望它使用的材料。

### 外部 agent 支持

连接 Claude Code、Codex 或 Cursor，并继续通过终端、IDE 或手机工作。文档称，即使应用关闭，外部 agent 也能继续驱动 MagicPath。

### 设计到代码工作流

从 Figma 导入、捕获任意网站，并导出生产就绪代码。定价页还注明可下载代码并在任意 IDE 中打开结果。

### 多人协作

MagicPath 支持实时团队协作、共享工作区行为，以及对项目中每位队友和 agent 的实时可见性。

## 使用场景

### 探索产品方向

使用 MagicPath 将简短需求一次转化为多个屏幕方向，然后在它们出现在画布上时比较各个变体。

### 团队协作设计

邀请队友进入同一工作区，让他们在设计冲刺期间与 agents 实时编辑、审阅和协作。

### 由外部 agent 驱动的工作流

当你希望 agent 在你处理其他事务时，继续基于你的仓库、MCP 或 Linear 任务构建内容，可连接 Claude Code、Codex 或 Cursor。

### 从现有素材开始

当你需要已有上下文而不是空白画布时，可导入 Figma 文件、捕获网站或从截图开始。

### 设计与代码往返

当你想要更紧密地在设计与实现之间来回衔接时，可将已批准的设计转入代码，或把组件拉回画布。

## 常见问题

### MagicPath 是用来做什么的？

MagicPath 是一个供人和 agent 共同设计的画布。你可以根据简短需求创建新屏幕、一次编辑多个设计、从 Figma 导入、捕获网站，并导出可直接用于生产的代码。

### 如何开始使用？

文档说明，你先创建账户并描述想要制作的内容，然后上传截图、提及现有设计、在画布上绘制草图，或选择现有元素。MagicPath 会分配合适的设计 agent，并在工作准备好后将成果带回画布。

### 团队可以在 MagicPath 中一起协作吗？

可以。MagicPath 支持与你的团队实时协作，队友和 agent 会同时出现在同一个画布上。

### MagicPath 支持外部 agent 吗？

可以。MagicPath 可连接 Claude Code、Codex 和 Cursor 等外部 agent，而且即使应用已关闭，也能通过你的终端、IDE 或手机继续驱动。

### Figma 导入和导出如何工作？

价格页说明，Free 每月包含 5 次 Figma 导入和 3 次导出，Builder 包含 5 次导入和无限次导出，而 Pro 和 Teams 包含无限次 Figma 导入和导出。

## 快速信息

- **类别**: AI 设计画布
- **平台**: 带 macOS 下载的 Web 应用
- **主要用户**: 与 AI agents 协作的设计师、开发者和团队
- **核心工作流**: 在一个画布上与人和 agents 一起创建、优化并探索设计
- **集成方式**: Claude Code、Codex 和 Cursor 等外部 agents；Figma 导入/导出；网站捕获
- **价格形式**: 免费层级、自助付费方案和定制 Teams 方案