架构师必备--让AI画架构图

drawio是个应用广泛的开源画图工具，特别在绘制架构图、流程图、线框图上，完美替代了visio这些商业软件，甚至基于drawio封装的商业版本processon都有很高的用户量，其产品力可见一斑。

next-ai-draw-io是利用大模型实现基于自然语言的AI作图，这个项目在绘制架构图方面真的具备了可用性，从而迅速在github上走红。

我在轻度使用之后，很是惊喜，忍不住推荐给大家，大家可以去试用感受。

功能特性

• LLM驱动的图表创建：利用大语言模型通过自然语言命令直接创建和操作draw.io图表
• 基于图像的图表复制：上传现有图表或图像，让AI自动复制和增强
• PDF和文本文件上传：上传PDF文档和文本文件，提取内容并从现有文档生成图表
• AI推理过程显示：查看支持模型的AI思考过程（OpenAI o1/o3、Gemini、Claude等）
• 图表历史记录：全面的版本控制，跟踪所有更改，允许您查看和恢复AI编辑前的图表版本
• 交互式聊天界面：与AI实时对话来完善您的图表
• 云架构图支持：专门支持生成云架构图（AWS、GCP、Azure）
• 动画连接器：在图表元素之间创建动态动画连接器，实现更好的可视化效果

官方示例

• Transform 架构图
  • 提示词：Give me a animated connector diagram of transformer’s architecture.
  • 效果：
• RAG技术图
  • 提示词：Generate a RAG architecture diagram for chat application. Use connected diagram for data ingestion
  • 效果：
• 开放式创新
  • 提示词：Create visualization of Henry Chesbrough’s Open Innovation model
  • 效果：

应用实例

我将我的上一篇文章大模型应用架构设计要点之安全篇另存到md文件里，直接给next-ai-draw-io，让它生成架构图，提示词如下：

请按照附件的安全架构描述，绘制一副 animated connector 架构图

绘制效果如下：

还是很不错的。从它的思维链过程可以看到，它是根据输入分析整体架构，然后再往下一层层分析，得出具体某个层次里的节点和连接关系，生成每一层次的符合drawio schema的xml，最终拼装为一个整体架构图。

next-ai-draw-io可以下载独立安装包，本机安装，LLM 可以自己配置自己的API KEY，这样确保信息安全，我用的是DeepSeek V3 的 Reasoner 模型。因为生成的是drawio xml文件，所以可以在左边的drawio 区域里，自由修改。