AI 辅助 draw.io 图表生成指南

先把想法画出来，别死在拖拽上

日常评审前，我们常需要一张能说明结构的图：用户怎么走到网关，网关再分发给哪几个服务。在 draw.io 里从空白页开始拖方框、连线条，画到一半思路就被排版打断了。结果该确认的“关系对不对”没时间核对，图反而成了返工来源。

这个技能要解决的就是这件事：把模糊的自然语言描述直接变成可编辑的 draw.io XML，再通过对话持续修改，让人把精力放在校验结构上。

生成四步法

1. 说清结构：用自然语言列出节点与关系，例如“用户 → API 网关 → 订单/库存/支付三个服务”。实体越具体，初稿越可用。
2. 生成初稿：让 AI 产出 draw.io 兼容的 XML，直接导入后查看整体布局。
3. 对话精修：用追加指令改结构，比如“去掉缓存节点”“把鉴权服务挪到左侧”，不必手动重画。
4. 人工校验：核对命名、方向和依赖是否真实存在。图是给人看的，关系错误比没图更糟。

适用边界与陷阱

• 描述太模糊：只说“画个系统图”时，AI 很可能自行脑补结构，导致初稿失真。至少要给出关键实体与数据流向。
• 盲目信图：AI 可能编造不存在的组件或依赖，领域知识必须兜底。
• 过度依赖：复杂图应由人主导结构，AI 只负责快速产出初稿。
• 版式混乱：自动布局常出现交叠，导出前手动理一遍对齐和层级。

该技能是图表绘制的辅助建议，AI 输出请以官方文档为准；图中结构、命名和依赖须人工核实，重要架构以权威设计文档为最终依据。

什么时候值得用

• 评审前需要快速产出架构图或流程图。
• 想把会议纪要整理成结构化思维导图。
• 非设计岗位也需要画图沟通，不想在排版上耗时间。