Next AI Draw.io：AI驱动的对话式图表创建与可视化工具，一键绘制 AWS/GCP/Azure 架构与流程图

AI智能图表创作平台，轻松对话绘图

Next AI Draw.io 是一款融合大语言模型与 draw.io 的创新型图表绘制平台。无需掌握复杂的绘图规则，只需通过自然语言输入，即可完成图表构建、修改与增强，帮助开发者和可视化创作者大幅提升效率。无论你是想绘制 AWS 架构图、GCP 拓扑，还是一个带有动画连接器的系统结构图，这款工具都能通过智能对话快速呈现。

核心亮点

🧠 LLM驱动的图表构建

通过 Chat 接口与 AI 对话，快速生成符合语义的图表，轻松支持 draw.io XML 格式解析。

🖼 图像识别与复制增强

上传一张已有图表或架构草图，AI 自动识别结构并重建图表，可进一步优化样式或内容。

🕒 图表版本管理

内置图表历史记录系统，支持版本切换与回滚，便于团队协作与修改回溯。

💬 交互式绘图对话体验

内置对话界面，可边聊边画图，所见即所得，轻松优化图表结构与排版。

🌩 多云架构模板一键生成

支持 AWS、GCP、Azure 架构图自动生成，适配图标库，适合开发、运维、架构师使用。

🔗 动画连接器

支持为图表元素添加动态连接器，提升图表交互性与演示感。

技术架构与支持

• Next.js：提供稳定高性能的前端体验
• Vercel AI SDK：整合流式对话与多模型支持
• react-drawio：实现图表编辑与可视化渲染
• 多模型接入：支持 OpenAI、Anthropic、Google、Azure、DeepSeek、Ollama 等主流 AI API
• claude-sonnet-4-5 专项训练：在 AWS 架构图任务上表现优异

快速部署方式

🔧 本地Docker部署

docker run -d -p 3000:3000 \
  -e AI_PROVIDER=openai \
  -e AI_MODEL=gpt-4o \
  -e OPENAI_API_KEY=your_api_key \
  ghcr.io/dayuanjiang/next-ai-draw-io:latest

浏览器访问：http://localhost:3000，即可开始使用。

🖥 本地开发部署

1. 克隆仓库并安装依赖
2. 配置 .env.local，设置所用AI提供商及API Key
3. 启动开发服务：npm run dev

☁️ Vercel 一键部署

支持一键部署至 Vercel，官方推荐部署方式，配置方式与本地一致。

使用场景示例

• 动画连接器结构图
• 云端前后端拓扑图（GCP / AWS / Azure）
• 技术系统草图转换为高质量图表
• 可爱的猫咪图解（纯娱乐用例）

Next AI Draw.io开源地址

在线演示：https://next-ai-drawio.jiang.jp/

GitHub 项目地址：👉 https://github.com/DayuanJiang/next-ai-draw-io