news 2026/4/3 4:35:12

再见了 Visio,这个程序员画图工具杀疯了!

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
再见了 Visio,这个程序员画图工具杀疯了!

大家好,我是顾北!

作为程序员,最头疼的不是写代码,而是画图!每次写文档、做 PPT,为了画一个漂亮的架构图或时序图,往往要折腾半天,对齐、配色搞得头秃。这两天,我在逛 Github 开源项目的时候发现了一个超级牛逼的画图工具(next-ai-draw-io),可以根据你输入的自然语言,一句话生成你想要的任何图表,包括但不限于软件工程常见的数据流图、ER图、时序图、类图、架构图、流程图等。

仅仅只要一句话,就可自动绘制,你就说牛不牛!

不到一周时间,这个开源项目已经上涨到 6k star 了。什么含金量我就不多说了。

话不多说,接下来,我就带你完整的体验一遍这个绘图神器。

01-支持绘制的图表类型

绘制系统架构图

提示词:帮我生成一个教务系统的微服务系统架构图

UML类图

提示词:生成教室资源管理的UML类图

时序图

提示词:生成用户登录的时序图

ER图

提示词:绘制一个关于图书管理系统的总的ER图,不带属性

数据流图

提示词:生成一份电商平台的顶层数据流图

流程图

提示词:生成订单支付的业务流程图

02-其他功能特点

它还支持上传对应的 PDF、txt、markdown、json等文件进行绘图

支持生成对应的动画图,是不是很高级。

当然,目前官方免费示例只有十次机会,你可以配置你自己的模型API和Key,可以绕过这个限制

官方示例的模型使用的是 MiniMax-m2模型

支持OpenAI、Google、Anthropic、Deep Seek等模型厂商

建议大家本地部署食用,本地部署也很简单,按照官方 MD 文档一步一步操作即可。

03-本地部署

1.首先你可以克隆到本地

git clone https://github.com/DayuanJiang/next-ai-draw-iocdnext-ai-draw-io

2.使用 npm install 进行安装

npminstall

3.配置你的AI供应商

cpenv.example.env.local

4.配置完成之后,运行开发服务器

npmrun dev

5.在浏览器中打开 http://localhost:3000 查看应用程序即可。

04-相关地址

开源地址: https://github.com/DayuanJiang/next-ai-draw-io

体验地址: https://next-ai-drawio.jiang.jp/

05-最后

当然在这次使用过程中,有时候它会生成的图表很乱,效果可能不是那么好,需要你自己手动进行排版!

但就这样也帮我们剩下大量时间,相信在不久之后,该项目会有一个很大的提升,这就类似于刚开始的时候 nano Banana 生成的图片惨不忍睹,对中文的支持也特别不好,但是你看看现在,仅仅三个月时间,nano Banana Pro 生成图片的质量就得到一个质的飞跃。

AI 的进化速度,往往超乎我们的想象

这款工具目前可能在复杂排版上还需要人工微调,但它已经帮我们解决了“从 0 到 1”最困难的构思和草图阶段。原本需要 1 小时画的图,现在 1 分钟生成底稿,再花 5 分钟修改,效率提升是肉眼可见的。

拥抱工具,而不是被工具替代,这才是我们作为开发者应有的态度

如果觉得这篇教程对你有启发, 随手点个赞、在看、转发三连吧~

谢谢你耐心看完我的文章~

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/2 12:26:29

ECharts地图下钻技术:从宏观到微观的数据探索之旅

在数据可视化领域,你是否遇到过这样的困境:面对海量的地理数据,却无法直观展示从国家到县级的多级关联?传统的地图展示往往停留在单一层级,缺乏深度挖掘数据的能力。ECharts地图下钻技术正是为解决这一痛点而生&#x…

作者头像 李华
网站建设 2026/3/31 9:10:39

Gittyup终极指南:如何轻松掌握图形化Git客户端

Gittyup终极指南:如何轻松掌握图形化Git客户端 【免费下载链接】Gittyup Understand your Git history! 项目地址: https://gitcode.com/gh_mirrors/gi/Gittyup Gittyup是一款功能强大的开源图形化Git客户端工具,专门为希望简化版本控制流程的开发…

作者头像 李华
网站建设 2026/3/29 11:08:03

IO进程学习

学习方法1. 重点放在函数的应用,不需要关心底层逻辑,不要太钻牛角尖太探究内核的东西,把当下学习的内容都掌握了已经很好了,可以以后有能力了再继续研究更底层的,现在先把重点放在应用层。2. 好好理解概念,…

作者头像 李华
网站建设 2026/3/30 16:34:56

文件相关操作

引言:程序的本质作用之一,就是处理数据。若仅限于从控制窗口输入,那么是不能真正地实现处理数据,仅是实现了数据处理的功能。当程序能够与文件结合起来时,才真正地实现了对数据的处理。零. 文件的分类文件是指存储在外…

作者头像 李华
网站建设 2026/4/1 19:44:46

Agent爆发元年!从0到1搭建AI智能体,这篇文章讲透了!

本文系统介绍了Agent开发的核心链路,包括四大核心能力(环境感知、智能决策、任务执行、持续学习)、技术架构(规划模块、记忆模块、工具调用)和上下文工程。Agent是赋予大模型"手和脚"的行动实体,…

作者头像 李华
网站建设 2026/3/26 20:33:09

多模态RAG技术总结及知识图谱构建分割+抽取+验证三阶段思路

文章介绍了组合式多模态RAG技术演进与知识图谱构建方法。多模态RAG涵盖预检索、检索、增强和生成四个阶段,包含多种模态组合与实现策略;OntoMetric框架通过结构感知分割、本体引导抽取和两阶段验证,将ESG政策文档转化为结构化知识图谱&#x…

作者头像 李华