#next-ai-draw-io

avatar
sitin
1天前
画架构图应该是程序员最不想做但又逃不掉的活了。打开 拖拖拽拽对齐半天，画完了产品说改流程，改完了后端说加服务，加完了领导说能不能换成 AWS 图标。 发现一个项目叫 next-ai-draw-io，目前 25k+ Star，思路很直接：用自然语言描述你要什么图，AI 直接生成 格式的成品。不用拖拽，不用对齐，不用翻图标库。 它是个基于 Next.js 的 Web 应用，左边实时渲染图表，右边是聊天窗口。你说"画一个 GCP 架构图，用户连接到前端实例"，左边就直接出带官方图标的架构图。AWS、Azure、GCP 三家图标都内置了，流程图、UML、时序图也都能画。甚至可以上传一张别人的架构图截图，AI 帮你用 格式重新画一遍，完全可编辑。 跟直接让 ChatGPT 画图最大的区别是，这里输出的是 XML 矢量图，不是一张改不了的图片。你可以继续调位置、改颜色、导出 SVG 或 PDF，AI 打底稿，精细调整你自己来。 模型支持很全，OpenAI、Claude、Gemini、DeepSeek、豆包、Ollama 本地模型都行。有在线 Demo 可以直接体验，也支持 Docker 和 Vercel 自己部署。还提供了 MCP Server，在 Claude Code 里一行命令接入，写代码的时候顺手就能画个架构图，不用切窗口。 下次要画架构图，可以先试试聊两句让 AI 出个初稿，比手动拖拽快太多了。
#程序员 #架构图 #AI生成图 #next-ai-draw-io #Next.js #Web应用