02 / 实战案例FredTalk 文档版

Codex × Draw.io MCP：AI 自动绘制架构图

通过 MCP 生成架构图，适合把系统结构、业务流程或技术方案转成可编辑图形。

阅读目标

把案例当成一张实操卡：先看场景，再看流程，最后把输入资料替换成你自己的真实项目。

第 01 节

概览

俗话说，一图胜千言。当我们想要介绍一个项目架构、业务流程，或者系统模块关系、日常读书的核心逻辑时，如果只用文字讲，读者很容易看累。如果我们能把它整理成一张信息图或者流程图，理解成本就会降低很多。

Draw.io 就是一个非常好的工具。它可以用来绘制：

很多程序员、产品经理、架构师都会用它来表达复杂系统之间的关系。前段时间，Draw.io 官方发布了自己的 MCP。

GitHub 地址：https://github.com/jgraph/drawio-mcp

本章节介绍如何使用 Codex 安装、使用 Draw.io 的 MCP 工具，去绘制信息图或架构图。