对于程序员来说,画各种图表就像吃饭一样常见。
比如要向领导汇报工作时需要画系统架构图,写技术文档时要画流程图,开会讨论想法时要画思维导图等等。
会不会画图、画得好不好,往往能看出一个程序员的专业功底如何。
作为一个资深码农,我画图还是很老六的。
- 通过Draw.io画支持各种图表,最主要是免费的
- ProcessOn画思维导图很好用
- 最让我头疼的还是部门必须用Visio绘制uml类图。
- XMind思维导图
- 有的时候写技术文章,还会手画markdown时序图,看着难看至极、画完感觉很大佬的感觉,这种酸爽感,谁会懂?
通过上面这几种方式,动手画图真的很麻烦,画一个复杂一点的系统架构图就得花好几个小时,画完了还要来回修改调整,非常耗时耗力。
但现在不一样了!有了Gemini 2.5 Pro,你只需要喝杯茶的时间,AI就能帮你把图画得又快又好,而且看起来还特别专业,完全不输人工画的效果。
一、国内直接使用Gemini 2.5 Pro
为了让国内的小伙伴们能第一时间真真正正体验使用到Gemini 2.5 Pro最新版本。
吒哥已经将Gemini 2.5 Pro 和Gemini 2.5 Flash集成到了我的AI系统。
无需魔法、不需要Google 账号、不需要绑定信用卡、不需要20美元/月。
使用地址:www.nezhasoft.cloud
还包含了ChatGPT4o(支持原生文生图,不降智)、o4-mini(支持Deep Research深入研究)、o4-mini-high、o3、Claude Sonnet 4、GPT4.5、GPT4.1、671B满血DeepSeek R1、Grok3 thinking等模型。
二、基于文本的图形绘制工具PlantUML
PlantUML是一个开源工具,通过简单的文本语法来创建各种UML图和技术图表。
支持PNG、SVG、PDF、LaTeX等多种格式。
支持IDE插件、在线编辑器、文档系统集成
UML图表类型 | 应用场景 |
---|---|
用例图 | 描述系统功能和用户交互 |
类图 | 展示类之间的关系和结构 |
序列图 | 系统交互、API调用时序 |
活动图 | 描述业务流程和工作流 |
状态图 | 展示对象状态变化 |
组件图 | 显示系统组件关系 |
部署图 | 描述系统部署架构 |
对象图 | 展示特定时刻的对象实例 |
其他图表类型 | 应用场景 |
---|---|
思维导图 | 知识整理、头脑风暴 |
甘特图 | 项目进度管理 |
网络图 | 网络拓扑、架构图 |
线框图 | UI原型设计 |
Git分支图 | 版本控制流程 |
JSON数据图 | 数据结构展示 |
YAML数据图 | 配置文件结构 |
时序图增强版 | 复杂交互流程 |
请用 PlantUML 语法帮我画一个在Java中实现一个简单的用户登录功能的类图。
复制Gemini给出的plantuml代码,打开plantuml官网。
PlantUML 还适合画复杂的时序图和系统架构图。
请用 PlantUML 语法帮我画一个在Java中的一个简单的用户登录功能的时序图
三、HTML5 Canva
HTML5 Canvas是一个HTML元素,提供了通过JavaScript绘制图形的画布,基于像素的位图绘制,支持2D绘图上下文和WebGL 3D绘图上下文。
适合绘制的图形类型 | 具体应用 | 优势 |
---|---|---|
数据可视化图表 | 柱状图、折线图、饼图、散点图、热力图 | 高度定制化,性能好 |
游戏图形 | 2D游戏、简单3D游戏、像素游戏 | 实时渲染,帧率控制好 |
地图可视化 | 自定义地图、数据叠加、路径绘制 | 灵活的地理信息展示 |
实时图表 | 股票走势图、监控仪表盘、实时数据 | 高频数据更新 |
艺术创作 | 生成艺术、数学图形、分形图案 | 算法绘图能力强 |
UI组件 | 自定义控件、图标、按钮效果 | 完全自定义的视觉效果 |
请用 HTML5 Canvas 创建一个商务风格的宣传海报:
主题:小米su7 ultra大定
文字内容:小米公司 Logo、产品名称、核心卖点、售价52.99万起
布局:分3页,每一页左右布局,左侧是图片、右侧是文字,第1页展示汽车外观,第2页展示汽车内饰,第3页展示汽车售价和优惠情况
核心图片:左侧的图片是具体的本地图片
颜色:蓝白配色方案,体现专业感
格式:高分辨率海报
复制Gemini 2.5 Pro给出的html代码到文件里,直接双击打开:
用 draw.io 格式生成图书管理系统系统架构图,系统架构结构:
复制Gemini 2.5 Pro生成的xml到.drawio文件。
四、图表生成工具Mermaid
Mermaid是一个基于JavaScript的图表生成工具,通过简单的文本语法在网页中创建各种图表和流程图。
输出格式为SVG、PNG、PDF(通过工具转换)。
原生支持GitHub、GitLab、Notion、Markdown编辑器。
UML图表类型 | 应用场景 |
---|---|
流程图 | 业务流程、算法逻辑、决策树 |
序列图 | 系统交互、API调用时序 |
类图 | 面向对象设计、数据模型 |
状态图 | 状态机、生命周期管理 |
ER图 | 数据库设计、实体关系 |
专业图表类型 | 应用场景 |
---|---|
思维导图 | 知识整理、头脑风暴 |
甘特图 | 项目进度、任务规划 |
Git分支图 | 版本控制流程 |
饼图 | 数据占比展示 |
需求图 | 需求管理、追溯性 |
C4图 | 系统架构设计 |
时间线图 | 历史事件、项目里程碑 |
象限图 | 优先级分析、决策矩阵 |
XY图表 | 数据可视化、趋势分析 |
请用 Mermaid 画一个用户定时秒杀商品的时序图
复制Gemini 2.5 Pro给出的mermaid代码到typora
换成之前的我,画这个图,大概可能需要半个小时,而且还必须全神贯注、可能还会出错。
用Gemini 2.5 Pro只需要一个简单的提示词,最要命的是,它生成的mermaid代码,我们自己还可以进行校对、修改,以达到我们需要的时序图。
用 Mermaid 根据下面数据做一个饼状图
市场部,320
研发部,450
人事部,150
财务部,130
客服部,200
行政部,100