魔图
通过 MCP 接入你的 AI

AI 画完的图，
是一条能打开的链接

在 Cursor、Claude 里让 Agent 读你的代码库和文档， 直接生成可编辑、可分享的架构图与流程图。不是一段 Mermaid 代码，是一张真正的图。

流程图架构图泳道图时序图
// .cursor/mcp.json（项目级）或 ~/.cursor/mcp.json（全局）
// 操作：Settings → Tools & MCP → Add → Paste JSON → Save
{
  "mcpServers": {
    "motu": {
      "url": "https://omutu.cn/mcp",
      "headers": {
        "Authorization": "Bearer <你的令牌>"
      }
    }
  }
}
令牌在「AI 接入」里获取 · 照着图文指引 1 分钟接好
图文指引 →
1

复制配置

选对上方客户端标签，点「复制」

2

粘贴到客户端

在 MCP 设置里粘贴 JSON 或运行命令

3

说一句话测试

「读一下 payment-service 的调用链，画张架构图」

没出现工具？检查域名检查令牌确认 MCP 模式已启用

还是配不上？看 8 个客户端的图文分步指引 →

不需要上传文件——Agent 已经读过你的代码了

01 · 真实演示

Agent 读完代码，图就出来了

一次真实调用：给 Agent 一句话，它读完本地服务代码，调用魔图出图，然后把链接交给你。

你的 AI 客户端
你

读一下 payment-service 的调用链，画张架构图

agent

读取 payment-service 源码

agent

已梳理出 5 个服务和 2 个外部依赖，正在生成图纸。

create_diagram(kind: "architecture", nodes: 7, edges: 6)
agent

图已生成，点开就能改：

图支付链路架构图https://omutu.cn/board/a7f3c2e1
魔图 · 自动布局与美化
客户端支付网关风控校验账户服务订单服务渠道路由对账任务
https://omutu.cn/board/a7f3c2e1可编辑 · 可分享 →

02 · 核心差异

为什么不让 AI 直接吐一段 Mermaid

它确实能。差别在于那之后发生的事。

产出是图，不是代码

Agent 只负责结构和关系，位置、配色、连线走向由布局引擎接管。你拿到的是一张排好的图，不是一段需要自己找地方渲染的语法。

Mermaid：生成即终点，改一个字要重生成，样式全靠手调。

一条链接，不是一个文件

图存在云端，Agent 直接把链接交给你。甩进群聊、贴进方案文档都能打开，对方不需要装任何东西。

本地 MCP：产出落在磁盘上，分享要先导出再传，收件人还得有对应编辑器。

你改完，AI 读得回去

在浏览器里拖动、改名、删节点，保存后让 Agent「读一下我刚才的修改，把支付环节拆细」——它看到的是你改过的版本，不是它自己那版。

其他方案：手改之后 AI 就不知道了，下一轮从零重画，你的调整全部丢失。

03 · 横向对比

和现有方案比一比

产出形态

魔图 MCP
可分享的在线链接
AI 直出 Mermaid
代码块
draw.io / Excalidraw
本地文件

自动布局美化

魔图 MCP
AI 直出 Mermaid
✗
draw.io / Excalidraw
✗

可视化编辑

魔图 MCP
AI 直出 Mermaid
✗
draw.io / Excalidraw

AI 读回手动修改

魔图 MCP
AI 直出 Mermaid
✗
draw.io / Excalidraw

发给同事

魔图 MCP
AI 直出 Mermaid
✗
draw.io / Excalidraw
✗

免安装

魔图 MCP
AI 直出 Mermaid
draw.io / Excalidraw
✗

泳道图 / 时序图

魔图 MCP
AI 直出 Mermaid
✗
draw.io / Excalidraw
✗

注：本地 MCP 方案指产出落在本地磁盘的 draw.io / Excalidraw MCP 服务。

04 · 协作闭环

Agent 出初稿，你做验收

不是一次性的生成，是可以一直来回的闭环。

1

Agent 读上下文

它读的是你的代码库和文档，图来自真实结构，不是你的描述

2

调用魔图出图

一句自然语言，create_diagram 完成布局与美化，返回链接

3

你在浏览器精修

拖位置、改文案、调配色，每个节点都是可编辑对象

4

Agent 读回继续改

「把支付环节拆细」——它基于你改过的版本接着做

05 · 快速接入

30 秒接入

STEP 01

拿一个令牌

登录后点右上角「AI 接入」，生成你的个人令牌。它等同账号凭据，可以随时重新生成。

STEP 02

贴进客户端配置

Cursor 是 .cursor/mcp.json，Claude Code 用 claude mcp add。上方的配置已经准备好，复制即可。

STEP 03

让 AI 画图

直接说「读一下这个模块的调用链，画张图」。它会自动找到魔图的工具并调用。

06 · 网页直画

没有 AI 客户端？网页里也能画

文字、模板或空白画布——作为辅助入口保留。