流程图还要手动画吗？Mermaid：9.1 万星的文本画图神器

GitHub 仓库

mermaid-js/mermaid

总 Stars

★ 91,080

主要语言

TypeScript

查看 GitHub 项目

结论先说：用文本画流程图、时序图、甘特图的开源工具，9.1 万星，MIT 协议，TypeScript 编写，2014 年建库，2026 年 11 月 11 日还有提交。写几行类似代码的文本就能出图，改图就是改文字，文档里嵌图特别顺手。

它是什么：一个把文本转成图的渲染库，支持流程图、时序图、类图、状态图、甘特图等十几种图。GitHub、GitLab 和很多文档站都原生支持它，写 Markdown 时直接嵌。

能干嘛：写技术文档时直接嵌图、画系统架构、画项目排期；图和文字一起放进 Git 做版本管理，改需求改几行字就行，不用重新拖图。

适合谁：写技术文档的开发者、画架构图的工程师、做项目管理的同学。团队文档要统一出图风格的，尤其适合。

注意点：图一复杂就容易挤在一起，节点多了要拆成多张小图；旧浏览器上渲染大图会卡，导出图片前先在目标环境测一下，别等到汇报前才发现图糊了。

Mermaid 和画图软件比好在哪？

画图软件是拖拽，图改起来麻烦；Mermaid 是文本，改几个字图就变了，还能放进 Git 做版本管理。缺点是排版控制不如专业画图软件精细，复杂大图还是得手工调。小图、常改的图选 Mermaid，定稿的大图再上画图软件。

站长点评：我挑它是因为它是文档工具里的常青树——9.1 万星、十多年还在更新，这种项目不多。和 PlantUML 比，Mermaid 的语法更轻，浏览器里直接就能跑。我的建议是先从流程图和时序图用起，这两种场景它的收益最大。