本文将介绍几种利用 AI 生成架构图的实用方法,涵盖从 Prompt 编写到工具选择的完整流程。
方法 1:Gemini + 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 + SVG
咱们也可以让 Gemini 使用 SVG 格式画架构图。








