news 2026/9/15 9:21:18

再见了 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/9/15 5:43:55

代码随想录算法训练营第四十三天 | 98. 所有可达路径

邻接矩阵easypackage mainimport ("fmt" )var res [][]int var path []intfunc dfs(graph [][]int, x, n int) {if x n {tmp : make([]int, len(path))copy(tmp, path)res append(res, tmp)return}for i : 1; i < n; i {if graph[x][i] 1 {path append(path, …

作者头像 李华
网站建设 2026/9/15 20:00:37

GBase 8a数据库集群硬件部署安装建议

安装南大通用GBase 8a集群&#xff0c;建议至少三个机柜&#xff08;机柜的电源要保证各自独立供电&#xff09;&#xff0c;机柜中摆放 GBase 8a MPPCluster 产品的管理节点服务器和数据节点服务器&#xff0c;他们之间的网络通过交换机进行通讯&#xff0c;为了保证网络的高效…

作者头像 李华
网站建设 2026/9/15 10:43:55

GBase数据库护航国家管网SCADA系统四年无中断平稳运行

在能源行业的数字化转型中&#xff0c;稳定可靠的数据库是保障核心系统安全高效运行的基石。作为我国油气骨干管网运营主体&#xff0c;国家管网集团的SCADA系统是管道安全监测与调控的“中枢神经”。2021年起&#xff0c;GBASE南大通用GBase 8s凭借卓越的稳定性和高性能&#…

作者头像 李华
网站建设 2026/9/15 13:14:02

一文搞定 AI 智能体架构设计的9大核心技术

文章详解AI智能体架构9大核心技术&#xff1a;AI智能体、Agentic AI、工作流、RAG、微调、函数调用、MCP、A2A和AG-UI协议。这些技术构成大模型智能应用的核心框架&#xff0c;覆盖从底层架构到用户界面的完整技术栈&#xff0c;为开发者构建AI系统提供全面指导。 AI 智能体架构…

作者头像 李华
网站建设 2026/9/15 3:34:40

计算机毕业设计springboot基于JAVA的校园图书馆管理系统的设计与实现 基于Spring Boot框架的校园图书馆信息化管理系统开发与应用研究 利用Spring Boot与Java技术构建的高

计算机毕业设计springboot基于JAVA的校园图书馆管理系统的设计与实现y48999&#xff08;配套有源码 程序 mysql数据库 论文&#xff09; 本套源码可以在文本联xi,先看具体系统功能演示视频领取&#xff0c;可分享源码参考。随着信息技术的飞速发展&#xff0c;校园图书馆的管理…

作者头像 李华
网站建设 2026/9/16 1:45:03

数据结构==LRU Cache ==

一、基础知识铺垫 &#xff08;一&#xff09;缓存的基础概念缓存定义&#xff1a;缓存是一种高速数据存储层&#xff0c;用于临时存储频繁访问的数据&#xff0c;减少对底层慢速存储&#xff08;如数据库、磁盘&#xff09;的访问&#xff0c;从而提升系统性能。缓存的核心需求…

作者头像 李华