之前我介绍了可以通过画 UML 图的方式，详情参见：同事偷偷用 AI，1分钟画出精美 UML 图！老板看了直夸专业
很多朋友觉得很有帮助。
但是又问 AI 能不能画漂亮专业的架构图呢？
答案显而易见，能！
这篇文章分享几种生成架构图方式，身边很多同事也都在采用类似的方式画架构图。
方法1：Gemini 3 Pro + DrawIO
先安装 Drawio 桌面版，传送门：github.com/jgraph/draw…
然后，生成 Drawio 格式文件。
方法非常简单，只需要在提示词中强调“使用drawio 格式，帮我...”即可。
如
请使用 drawio 格式，帮我生成一个 AI 客服系统的架构图
注意：这里只是为了演示，所以提示词写得比较简单。实际使用时建议大家尽可能写得详细一些，这样生成的架构图才更符合预期。
我们将这块代码复制到记事本，另存为 drawio格式。
的话我们就可以用 drawio 软件打开了。
然后如果有哪里不太满意的，可以让 AI 去调整，也可以在软件里面自行调整。
方法2：AI Coding IDE 直接出文件
有些同学可能还会说这太麻烦了，有没有更简单的方法。不用复制，直接生成直接用。
那么这里介绍一个直接在 AI Coding 工具（如 Antigravity、Cursor、Qoder 等）里生成 drawio 文件的方式。
本文以 Qoder 为例，给大家演示执行过程。
我们先安装 Drawio Preview 和 Draw.io Integation 插件，方便直接预览和编辑。
参考提示词：
请使用 drawio 格式，帮我生成一个 AI 客服系统的架构图，写到当前项目中
我们选择模型，这里我们选择「极致」，然后我们把提示词发送给他，他就会按照我们的要求，在当前的这个项目中生成对应的架构图。
如果需要调整，我们再手动调整就可以了。
方法3：Gemini 3 Pro + SVG
咱们也可以让 Gemini 3 Pro 使用 SVG 格式画架构图。
参考提示词：
以SVG的方式，帮我生成一个专业的 AI 客服系统的架构图，分为不同层，注意不同元素之间的逻辑关系，白色背景，不同层用不同颜色，专业风格，中文
效果还是蛮不错的。至少没有 “drawio 味道”。
方法4：Gemini 3 Pro Image + SVG 重绘
有些同学觉得直接用 SVG 画图可能不够精美。
那么，我们就可以使用 Gemini 3 Pro Image 进行画图。
参考提示词：
以图形的方式，帮我生成一个专业的 AI 客服系统的架构图，分为不同层，注意不同元素之间的逻辑关系，白色背景，不同层用不同颜色，专业风格，中文
那么有些同学可能会说，生成的图一是带水印，二是有些字想调一调，或者某些字存在错误，怎么办？
其实我们可以让 Gemini 使用 SVG 格式进行重绘。
打开 Cavans
那么我们就可以得到 SVG 格式的架构图了。
如果有需要调整，可以用自然语言让它去调整，这样调整的效果会更好一点。
你也可以把它的代码拷贝下来，然后手动调整。传送门：www.svgviewer.dev/
有同学可能会说网上还有 MCP 可以生成，区别不大，关键看模型，不通过MCP 也完全可以直接生成出来预览或编辑。
欢迎关注我的公众号:悟鸣AI，后续会陆续分享比较有用的 AI 工具和比较好的 AI 经验，比较客观理性的 AI 观点等。
