Next AI Draw.io:智能对话绘图,轻松构建复杂图表

Next AI Draw.io 是一款结合人工智能技术的图表绘制工具,通过自然语言交互,快速生成 AWS、GCP、Azure 架构图等复杂图表,适用于开发者和可视化创作者。

7AI工具AI绘图图表工具智能对话架构设计

Next AI Draw.io:智能对话绘图,轻松构建复杂图表

Next AI Draw.io 是一款将大语言模型与 draw.io 图表工具结合的创新平台。用户无需具备复杂的绘图知识,只需通过简单的对话即可创建、修改和增强图表,极大地提高了工作效率。

核心亮点

🧠 LLM驱动的图表构建

通过智能对话,AI能够快速生成语义准确的图表,并支持 draw.io XML 格式解析。

GCP架构图

🖼 图像识别与复制增强

用户可以上传现有的图表或草图,AI 将自动识别并重建图表,同时提供样式和内容的优化选项。

🕒 图表版本管理

内置的历史记录系统允许用户切换和回滚版本,便于团队协作和修改追踪。

GCP架构图

💬 交互式绘图对话体验

内置的对话界面允许用户在绘图过程中进行实时沟通,所见即所得,方便优化图表结构和排版。

🌩 多云架构模板一键生成

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

🔗 动画连接器

为图表元素添加动态连接器,增强图表的交互性和演示效果。

animated_connectors.svg

技术架构与支持

  • 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,官方推荐部署方式,配置方式与本地一致。

animated_connectors.svg

使用场景示例

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

Next AI Draw.io开源地址

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

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