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

编程开发 adgersong 2025-12-10 689 0

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

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

核心亮点

? LLM驱动的图表构建

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

? 图像识别与复制增强

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

? 图表版本 管理

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

? 交互式绘图对话体验

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

? 多云架构模板一键生成

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

GCP架构图GCP架构图

? 动画连接器

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

animated_connectors.svganimated_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,即可开始使用。

? 本地开发部署

  • 克隆仓库并安装依赖
  • 配置 .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

    夸克资源精选合集

    评论列表