10 款超实用流程图工具

前言

我是一个重度流程图工具依赖者，从接到产品需求规划整个产品研发流程的架构，到后端模块的代码架构，我习惯于用流程图工具来提升工作效率。

当然，它们也的确起到了至关重要的作用，让我清楚的知道每个环节不用再为思考做什么？怎么做？而浪费太多时间。

提起流程图工具，大多数同学会首先想到的是 Microsoft Office Visio。不能否定，它的确很强大，我个人也一直非常喜欢这款工具。但是，它的诸多弊端让我不得不放弃这款使用了多年的工具，

• 付费
• 无法跨平台使用

大多数知名的流程图工具都存在这两项问题，但是，也不乏有很多让人不禁称道 “良心” 的免费在线流程图软件。它们功能丝毫不亚于商业软件，而且使用更加便捷、不占据硬盘空间，支持团队协同。

本文，就来介绍 10 款免费、强大的在线流程图工具，绝对满足你对流程图的所有幻想！

1. draw.io

我已经在另外一篇文章介绍过 draw.io[1] 这款工具。

draw.io 是一款可以作为首选、强推的一款流程工具，不仅支持在线版，还可以安装到 Windows、Mac 进行离线使用，尤其是与 VS Code 的结合，让它支持的平台进一步得到丰富。

2. ProcessOn

ProcessOn[2] 可以算得上是一款老牌、知名的在线流程图工具。

它不仅支持流程图，还支持思维导图、原型图、网络拓扑图、组织结构图、UML 等。

目前免费版支持个人文件存储 9 个，团队协作限制 3 人，思维导图自定义主题风格 1 个。

3. Zen Flowchart

Zen Flowchart[3] 是一款简单、易用的在线流程图，功能虽然不如 draw.io、ProcessOn 那么丰富，但是非常简洁、易用，能够用于快速创建流程图。

4. xGraph

xGraph[4] 整体上和 draw.io 大同小异。但是，还是存在一些不同之处。

xGraph 不仅支持组件和节点搜索，还可以进行私密分享。

通过 xGraph 创建流程图之后，只需要一键就可以获取私有链接和密钥，这样就可以对流程图进行加密分享。

5. GitMind

GitMind[5] 是一款同时具备 流程图和思维导入的在线工具。

它不仅具有丰富的模板、支持一键分享，还可以导出多种文件格式，例如，

• PDF
• SVG
• PNG
• JPG
• TXT

6. lucidchart

lucidchart[6] 对比前几款在线工具，最大的不同之处就是 插入下一个节点时更加便捷，不需要再拖动形状，只需要简单的点击流程图箭头就可以插入下一个节点，而且各种形状都可以选择。

7. plantuml

plantuml[7] 是一款 UML 流程图绘制工具。

和其他流程图工具不同 plantuml 是通过文字描述、编码的方式来绘制 UML 图形，学习成本和使用门槛相对上述提到的开箱即用的流程图工具要复杂一些。

不过，仁者见仁，不同的使用者偏好不同的使用方式。就如同 vim 和 VS Code，有的人喜欢花费更多的时间和精力记忆命令行，摆脱对鼠标的依赖，提升后期使用的效率。

8. 迅捷画图

迅捷画图 [8] 是一款同时支持流程图、思维导图的在线工具。另外，它不仅支持在线版，可具有桌面版应用。

迅捷画图和前面介绍的 ProcessOn、draw.io 大同小异，但是，免费用户的文件数量、模板都非常少。所以，从免费角度而言，对比 ProcessOn、draw.io 没有优势。

9. Visual Paradigm Online

Visual Paradigm Online[9] 在流程图绘制方面以丰富的模板、用例见长，通过网站提供的模板和用例，能够快速创建流程图，同时，可以从中获取到很多组织架构方面的灵感。

但是，Visual Paradigm Online 的打开速度和流畅度相对较差。

10. 坚果云绘图

如果说前面流程图工具限定免费数量让你使用的不够痛快，或者不能称其为完全免费，那么，坚果云绘图 [10] 绝对算得上一款完全免费的流程图工具。

坚果云对于很多同学来说都不陌生，但是，对于大多数同学而言它只是一款云存储工具。其实，它也是一款非常强大的流程图工具。只是，它的流程图功能比较隐蔽，很容易被大家忽略。

在坚果云文件夹内点击新建 -> 绘图文件 -> 编辑就可以打开流程图绘制界面，这样的话可以存储成千上万个流程图，因此，再也不用担心免费数量的限制。而且，结合坚果云强大的实时同步功能，还可以用于团队内部协同使用。

[1]

draw.io: https://app.diagrams.net/

[2]

ProcessOn: https://www.processon.com/diagraming/5ed393510791290770d37659

[3]

Zen Flowchart: https://www.zenflowchart.com/docs/edit/oRkpQJ0dNj1KdLOvE2Mw

[4]

xGraph: http://xgraph.vip/trial

[5]

GitMind: https://gitmind.cn/

[6]

lucidchart: https://app.lucidchart.com/documents#/dashboard

[7]plantuml: http://www.plantuml.com/plantuml/uml/SoWkIImgAStDuUAArefLqDMrKmWkIIn9DUI2K60He0oCQwLGaf5Ph014YGh59KMPUUbOPFBoIp9IYs3oS9EWHXj118pWHdCvfEQbW9m00000

[8]迅捷画图: https://www.liuchengtu.com/process

[9]Visual Paradigm Online: https://online.visual-paradigm.com/drive/#diagramlist:proj=0&new=Flowchart