做毕业设计的同学应该都有过这种崩溃时刻:需求分析阶段老师明确要求用例图,Visio又不会用、ProcessOn要会员、draw.io画几个椭圆还行但稍微复杂点连线就乱成一锅粥……等你折腾完安装、登录、找模板、调位置,半天已经过去了。
今天给大家推荐一个"懒人神器"——schooltools.cn 上的 Mermaid 生成用例图工具。它不需要你安装任何软件,打开网页就能画,5 分钟就能交出规范好看的用例图。

Mermaid 是一种"用代码画图"的语法。你只需要写几行代码,它就能自动渲染成漂亮的图表。最大的好处是:
不用拖拽,不用对齐,纯文本就能画图;
改起来特别方便,改一行代码比在画图软件里拽一个箭头轻松太多;
渲染出来的图干净、规范,导师一看就是"正经人"画的;
支持流程图、时序图、类图、用例图、甘特图……一套语法搞定毕设里 90% 的图。
二、这个工具有啥不一样?schooltools.cn 的这个工具专门为"用例图"做了优化:你只需要写 graph TB 语法(top-bottom 从上到下布局),左侧实时写代码,右侧实时出图。
它内置了 Actor(参与者)、Use Case(用例)、System(系统边界)三种节点,连线关系也预设好了,连箭头方向都不用你想。对用例图不熟悉的同学,照着模板抄一遍就能上手。
三、5 步搞定一张用例图第 1 步:打开工具
浏览器访问 https://schooltools.cn/tool/mermaid_usecase,界面是经典的双栏布局——左边代码,右边预览。
第 2 步:输入 Mermaid 代码
比如一个"图书管理系统"的用例图,代码长这样:
graph TB student((学生)) teacher((教师)) system[图书管理系统] student --- login(登录系统) student --- query(查询图书) student --- borrow(借阅图书) teacher --- manage(管理图书) teacher --- login login --- system query --- system borrow --- system manage --- system
把这段粘贴进左侧编辑区,右边立刻就出图了。
第 3 步:调整布局
如果对默认布局不满意,可以加方向参数:graph LR 是从左到右,graph TB 是从上到下,graph BT 是从下到上。也可以在节点里加 ::: 自定义样式,比如 borrow(借阅图书):::core,然后在下面写Def core fill:#FFE4B5 来高亮核心用例。
第 4 步:导出图片
满意之后直接点工具栏的"导出"按钮,可以下载 PNG 或 SVG 格式。PNG 适合贴进 Word 文档,SVG 是矢量图,放大多少倍都不模糊,特别适合做答辩 PPT。
第 5 步:插入文档
Word 里直接"插入 → 图片"选刚导出的 PNG,调整大小到合适尺寸就完事了。
四、这三个场景你一定会用上📚 需求分析文档
毕设第一关就是需求分析,老师会要求你画出系统的整体用例图,识别参与者和功能模块。用这个工具,10 分钟就能把核心用例图画完,剩下的时间专心写文档。
🛠️ 系统设计阶段
做详细设计时,往往要画子系统用例图、模块用例图。Mermaid 文本编辑的优势在这里特别明显——你不用从头画,只要复制上一版改几个节点就行,版本管理也方便。
🎤 答辩展示
答辩时最怕图看不清。用 Mermaid 导出 SVG 矢量图,放到 PPT 里放大到全屏依然清晰锐利,比 Visio 导出的位图强太多。
五、写在最后工具是为效率服务的,不要让画图本身变成负担。Mermaid 这种"代码即图"的思路,本质上是把繁琐的排版工作交给程序,让你的精力集中在"系统应该有哪些用例"这种真正需要思考的问题上。
强烈建议把 schooltools.cn 收藏到书签栏,以后画各种图都能用上。
👇 阅读原文,直接体验这个工具:
https://schooltools.cn/tool/mermaid_usecase
📅 下期预告第 8 篇:ER 图速成:数据库设计不再求人
同样的配方——不安装软件、网页即开即用、5 分钟画完规范的 ER 图。下期见~