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