
Next AI Draw.io:智能对话绘图,轻松构建复杂图表
Next AI Draw.io 是一款结合人工智能技术的图表绘制工具,通过自然语言交互,快速生成 AWS、GCP、Azure 架构图等复杂图表,适用于开发者和可视化创作者。
Next AI Draw.io:智能对话绘图,轻松构建复杂图表
Next AI Draw.io 是一款将大语言模型与 draw.io 图表工具结合的创新平台。用户无需具备复杂的绘图知识,只需通过简单的对话即可创建、修改和增强图表,极大地提高了工作效率。
核心亮点
🧠 LLM驱动的图表构建
通过智能对话,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 即可开始使用。
🖥 本地开发部署
- 克隆仓库并安装依赖
- 配置 .env.local,设置所用AI提供商及API Key
- 启动开发服务:
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