2026/3/31 9:10:04
网站建设
项目流程
dedecms网站版权信息,wordpress support hls player,建站模板网,中国纪检监察报邮箱逛 GitHub 的时候#xff0c;逮到了一个挺有趣的开源项目。一周就获得了 4500 的 Star#xff0c;而且登上了本周的开源热榜。如果你平时工作中免不了要画流程图、架构图、UML 图啥的#xff0c;但又觉得拖拽连线太费时间#xff0c;这个项目绝对是你的效率救星。这个开源项…逛 GitHub 的时候逮到了一个挺有趣的开源项目。一周就获得了 4500 的 Star而且登上了本周的开源热榜。如果你平时工作中免不了要画流程图、架构图、UML 图啥的但又觉得拖拽连线太费时间这个项目绝对是你的效率救星。这个开源项目就是Next AI Draw.io01开源项目简介简单来说这是一个将AI 大模型和 Draw.io 完美融合的 Next.js 应用。它不再是你以前用的那个死板的绘图工具而是一个听得懂人话的绘图助理。如果你想画一个 Transformer 的架构图以前得找图标、拖方块、对齐、连线、调颜色得折腾半小时。现在说句话就行图就出来了。这个项目短短几天 Star 数飙升确实是因为它切中了懒人的痛点① 自然语言生成图表 (Text-to-Diagram)这是最核心的功能。你只需要描述你的需求AI 就会利用 LLM 理解你的意图并直接生成 Draw.io 可识别的 XML 代码。② AI 辅助修改与优化不是生成完就不管了。你可以像改代码一样改图“把某一个方框背景改成紫色”。它能理解上下文直接在现有的图上进行增删改查。③ 草图/截图复刻 (Image-to-Diagram)你在白板上随手画的草图或者看到别人文档里的一张好图直接截图上传给它AI 能分析图片内容把它重绘成可编辑的 Draw.io 矢量图。再也不用对着别人的图一点点照猫画虎了。④ 基于 Draw.io因为它是基于 Draw.io 的内置了 AWS、GCP、Azure 等主流云厂商的图标库。你让它画云架构图时它会自动使用官方图标而不是随便给你弄个方块写上名字专业度直接拉满。而且原本 Draw.io 的相关管理能力都具备整体功能挺完备的。02如何部署项目非常贴心地提供了 Docker 支持。如果你不想折腾环境直接 Docker 一键启动docker run -d -p 3000:3000 \ -e AI_PROVIDERopenai \ -e AI_MODELgpt-4o \ -e OPENAI_API_KEYyour_api_key \ ghcr.io/dayuanjiang/next-ai-draw-io:latest当然你也可以 Clone 代码下来 npm install npm run dev 本地跑数据掌握在自己手里安全。开源地址https://github.com/DayuanJiang/next-ai-draw-io在实际体验中我觉得这个开源项目特别适合从 0 到 1 画个初稿的场景。它其实无法一次性生成完美无缺的复杂架构图毕竟 AI 对空间布局的理解有时会飘但它能瞬间帮你完成 80% 的工作量。把所有需要的组件放上去连好基本的线。你需要做的只是简单的微调和美化。强烈建议使用 Claude Sonnet 4.5。因为它的逻辑和格式遵循能力非常强弱一点的模型容易生成损坏的文件或乱飞的连线。03点击下方卡片关注逛逛 GitHub这个公众号历史发布过很多有趣的开源项目如果你懒得翻文章一个个找你直接关注微信公众号逛逛 GitHub 后台对话聊天就行了