原帖 ｜ Jason ｜ 2026-06-23 16:58 ｜ 👍0 ｜ 阅读约1
再也不用手拖架构图！3个AI自动画draw.io工具，新手直接上手。
做技术方案、梳理业务流程、画微服务/时序图，每次手动拖模块、连线巨耗时间，我整理了3套能让AI直接生成draw.io图纸的工具，普通人不用折腾也能用。
draw.io：免费通用绘图工具，程序员、产品写文档基本都靠它，架构图、流程图、数据库ER图、AI模型结构图全能画，导出图片/PDF都方便。
1、Next AI Draw.io｜零安装，纯网页新手首选
适合不想装任何软件、临时快速出图的人
仓库地址：DayuanJiang/next-ai-draw-io
1. 直接打开线上演示站，不用本地搭建，自带豆包、GLM模型额度，打开就能聊
2. 聊天框直接说需求，比如“画一套RAG知识库架构流程图”“电商微服务部署图”，AI自动生成完整图表
3. 有自己的模型密钥可以在设置里填上，密钥只存在浏览器本地，不会上传服务器，不用担心泄露
4. 支持上传图片、PDF，AI读取内容转成图纸；图表有历史记录，画坏了随时回退
想长期自用的，还能一键部署到腾讯云边缘平台，每天有免费DeepSeek调用额度。
2、draw.io官方MCP服务｜写代码人群专用，IDE里直接画图
官方原生工具，适配VS Code、Claude桌面端
终端一行命令拉起： npx @drawio/mcp
配置到AI客户端后，打字描述绘图需求，浏览器会直接弹出draw.io图表页面。
还能导入表格、Mermaid代码一键转图，也支持命令行批量导出PNG、PDF，日常写代码文档非常顺手。
3、drawio-skill｜追求图纸精致选这个，自动排版纠错
适合经常出专业技术图，比如深度学习模型、UML类图、复杂微服务架构
优势：自带6套绘图模板：流程图、架构、Transformer模型、UML、数据库ER图等
AI生成完会自动检查，修正文字重叠、线条交叉问题，最多两轮自动修复；不满意可以反复迭代调整布局
自带企业简约、手绘等多种风格，也能上传自己现有的图纸，复刻同款配色排版
上手步骤
1. 先下载draw.io桌面客户端
2. 终端执行命令安装插件，搭配Claude、Cursor等AI工具直接使用
3. 输入绘图需求，自动生成并导出高清图纸
快速选型建议，按需挑选
1. 偶尔画图、不想装软件、纯小白 → Next AI Draw.io在线网页版
2. 日常写代码，长期用VS Code/Claude → 官方draw.io MCP
3. 频繁输出专业技术图纸，想要整洁好看排版 → drawio-skill
小补充
三款工具都兼容国内大模型，豆包、DeepSeek这类都能接入，密钥本地保存，数据不会外传，写方案、做汇报、整理毕业设计都能省大量时间。
资源链接：
相关笔记