还在手搓架构图？大厂程序员 AI 一分钟搞定，老板直呼内行！

之前我介绍了可以通过画 UML 图的方式，详情参见：同事偷偷用 AI，1分钟画出精美 UML 图！老板看了直夸专业

很多朋友觉得很有帮助。

但是又问 AI 能不能画漂亮专业的架构图呢？

答案显而易见，能！

这篇文章分享几种生成架构图方式，身边很多同事也都在采用类似的方式画架构图。

方法1：Gemini 3 Pro + DrawIO

先安装 Drawio 桌面版，传送门：https://github.com/jgraph/drawio-desktop/releases

然后，生成 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 格式的架构图了。

如果有需要调整，可以用自然语言让它去调整，这样调整的效果会更好一点。

你也可以把它的代码拷贝下来，然后手动调整。传送门：https://www.svgviewer.dev/

有同学可能会说网上还有 MCP 可以生成，区别不大，关键看模型，不通过MCP 也完全可以直接生成出来预览或编辑。

欢迎关注我的公众号:悟鸣AI，后续会陆续分享比较有用的 AI 工具和比较好的 AI 经验，比较客观理性的 AI 观点等。