html流程图_9款流程图工具，99%的人没有用过最后一款

流程图是梳理系统架构、工作流程的一款常用利器，长久以来，霸占大多数用户电脑的都是一些比较知名的商业桌面软件。本文就来介绍10款免费好用的在线流程图工具，让你从此不再为付费、臃肿的商业流程图软件而苦恼！

前言

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

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

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

• 付费
• 无法跨平台使用

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

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

1. http://draw.io

我已经在另外一篇文章强强联手！VS Code让它成为最强流程图工具介绍过draw.io[1]这款工具。

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

2. ProcessOn

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

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

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

3. Zen Flowchart

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

4. xGraph

xGraph[4]整体上和http://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. Visual Paradigm Online

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

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

9. 坚果云绘图

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

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

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

---

推荐阅读

• 干货 | 2019年共享免费资源整理(上)：学习资源篇
• 干货 | 2019年共享免费资源整理(下)：实用工具篇
• 10款VS Code插件神器，第7款超级实用！

---

参考资料

[1] http://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

[10] 坚果云绘图: https://www.jianguoyun.com/static/html/draw-landing/index.html