当前位置：网站首页 > IT技术 > 正文

狂揽82.7k的star，这款开源可视化神器，轻松创建流程图和图表

wptr33 2025-10-02 09:04 18 浏览

再不用Mermaid，你的技术文档可能已经在悄悄“腐烂”——图表版本对不上、同事改完没同步、评审会上被一句“这图哪来的”问得哑口无言。

这不是危言耸听。

GitHub2025年开发者报告显示，63%的新仓库自述文件里出现了`.mmd`或`.mermaid`后缀，而三年前这个数字只有12%。

换句话说，不会写几行Mermaid，就像不会用Markdown一样，正在成为团队协作的隐形门槛。

Mermaid到底省下了什么？

把一张流程图从“打开绘图软件→拖方块→拉箭头→对齐→导出PNG→传图床→贴回文档”的七步，缩成了三行文本。

更妙的是，文本即代码，Gitdiff一眼就能看出谁把“支付成功”节点偷偷改成了“支付失败”。

有人担心“写代码”太难。

其实语法比Excel公式还短：A→B就能画箭头，A–>B加个箭头尾巴，再加个|text|就能写文字。

五分钟能画完一张泳道图，剩下的时间还能冲杯咖啡。

真正让人上瘾的是实时预览。

Obsidian里装个插件，左边打字，右边图就蹦出来；Notion里直接打```mermaid回车，图表秒变块级内容。

再也不用“先画好再上传”，思路到哪图就到哪。

怕样式死板？

官方主题已经多到挑花眼，forest、base、dark，甚至能自己写CSS变量改配色。

某次评审会上，同事把默认黑边一改，灰底圆角，老板当场夸“这图看着就高级”。

AI的加入让偷懒更彻底。

Cursor、Copilot都能直接“/generate mermaid sequence diagram for userlogin”，十秒出图，比自己敲还快。

DeepSeek最新demo更狠：一句“把去年双十一订单流程画成Mermaid”，直接吐出两百行带泳道的时序图，连异常分支都标红了。

落地到工程里，Mermaid还能跑在CI里。

提交代码时自动把架构图渲染成SVG塞进文档站点，版本一更新，图也跟着变。

蚂蚁金服的内部平台就是这么干的，需求文档和代码仓库共用一套图，评审再也没人问“图和实现是不是一致”。

最省心的其实是“不会过时”。

十年前用Visio画的图，现在打开字体全跑版；Mermaid的文本十年后还能跑，换个渲染引擎照样出图。

就像Markdown，简单到不可能被淘汰。

如果今天就想试试，最快的方法是打开mermaid.live，网页里直接开写，写完一键导出PNG或SVG。

想本地用，npm装个@mermaid-js/mermaid-cli，一条命令就能把`.mmd`文件批量转成高清图。

别再让“等UI同事出图”卡住进度了。

把架构图、流程图、时序图全扔进Mermaid，文档和代码一起提交，下次有人问你“这图哪来的”，直接把GitHub链接甩过去就行。

git diff

相关推荐