产品概述
MagicPath是一个无限画布设计工具，让人类和AI Agent并肩协作创建网页和应用界面。从文本提示开始，用户可以生成可编辑的UI组件和完整布局，在画布上进行视觉优化，并导出简洁的生产级代码——无需设计交接。该平台支持实时多人协作、自定义设计系统、Figma导入和直接IDE集成，适合设计师和开发者使用。
主要功能
| 文本生成UI | 通过纯文本提示生成网页和应用UI组件或完整页面布局，支持图片参考和变体生成。 |
| 无限多人协作画布 | 类似Figma的无限画布，团队成员和AI Agent（如Claude Code或Codex）可以实时协作设计和迭代。 |
| 自定义设计系统 | 在所有生成内容中应用和维护自定义主题、样式和组件库，保持项目视觉一致性。 |
| 代码导出与IDE集成 | 直接导出简洁的生产级前端代码，或在Cursor等IDE中打开项目，实现无缝开发交接。 |
| Figma导入 | 将现有Figma设计导入画布，继续使用AI进行迭代，连接传统工作流与AI辅助设计。 |
| 基于积分的使用方式 | 分层积分系统根据任务复杂度计费——简单组件消耗较少积分，复杂的多组件布局消耗更多——只为实际完成的工作付费。 |
使用场景
- 快速原型设计：产品团队和设计师可以在几秒钟内从粗略想法转变为交互式UI原型，加速早期产品探索。
- 前端开发：开发者可以在画布上生成和优化UI组件，然后直接将简洁代码导出到IDE，减少样板代码工作。
- 设计迭代：设计师可以创建多个布局变体，应用自定义设计系统，并在视觉上精细调整组件，无需切换工具。
- 团队协作：跨职能团队可以在共享画布上实时协同设计，人类贡献者和AI Agent共同参与工作流程。
- 网站重新设计：团队可以导入现有网页设计或Figma文件，然后使用AI提示在画布上快速探索重新设计方向。
