由于我的工作经常要做项目开发流程管理，所以画流程图成了家常便饭，流程图看似简单，其实需要花很多心思去梳理业务逻辑，才能画好。

除了业务逻辑外，画流程图的工具也非常重要，虽然PPT能画流程图，但缺少交互，组件和素材也比较少，不那么好用，我常用到的有Visio、Draw.io这两个软件。

其中，Visio是微软的365系列产品，相当强大且出名，但不免费，有点可惜。

Draw.io是开源免费的流程图软件，它是英格兰一家公司开发的，该公司信条：为每个人提供免费、高质量的绘图软件。

Draw.io 已经更名diagrams.net，方便起见，下面仍称Draw.io

❞

除了免费外，更重要的是，Draw.io非常轻量化，可定制性强，而且内置大量的绘图模板和素材，不仅能绘制流程图，还能绘制脑图、统计图表、网络图、组织结构图、平面图等等。

无论是简洁的单色流程图：

还是复杂的彩色流程图：

亦或是美观大方的商业流程图，Draw.io都能完美实现：

什么是Draw.io？

前面说过，Draw.io是一款免费的流程图绘制工具，你可以在本地或者云端创建和分享各种流程图。

Draw.io不受平台限制，支持直接在网页浏览器中使用Draw.io，也可以下载客户端，或者使用Vscode、Jupyter Lab插件，你觉得哪种方便就用哪种，可以说非常的宠爱用户了。

它提供了一个类似画板的直观的拖放界面，你可以通过选择预设的形状和连接线来快速构建流程图，因此具有很大的可定制空间。

此外，Draw.io还支持导入和导出多种文件格式，如XML、PNG、JPEG、SVG等，方便你在不同平台和应用程序之间共享和使用流程图。

Draw.io还提供了丰富的定制选项，你可以更改图形的颜色、线条样式、文本格式等，以满足个性化需求，所以几乎能覆盖所有流程图样式。

如果你不会设计流程图，Draw.io提供了大量的成品模板，直接在上面进行定制化的修改，就可以为己所用。

如何使用Draw.io?

这里介绍三种使用Draw.io的方式，分别是浏览器网页、客户端、插件

在浏览器网页中使用Draw.io

因为Draw.io是轻量化的web应用，所以可以很方便的打开其网页，进行流程图的绘制。

网页地址：

点击后直接能打开绘图界面，如果你不想保存在云端（比如Github上），可以将流程图直接保存在本地电脑，Draw.io都支持

在客户端使用Draw.io

如果你想离线使用Draw.io，可以下载客户端安装到本地，比网页体验会更加的丝滑些，毕竟不需要联网。

安装也很简单，一步到位，无需复杂设置

客户端和网页功能都一样，一般绘图保存到本地即可，无需登陆

在VScode中使用Draw.io

VScode是非常流行的代码编辑器，我都用它来写Python，VScode特点是插件种类很丰富

Draw.io也提供了VScode插件，方便在VScode编辑器中进行绘图，直接搜索Draw.io插件并进行安装

安装好后，你可以新建一个drawio格式的文件，打开后就可以看到Draw.io绘图界面

在Jupyter Lab中使用Draw.io

Jupytyer Lab是一款支持Python等语言的web文本编辑器，非常的好用，有不少忠实粉。

Jupytyer Lab和VScode一样，也支持安装插件，因此Draw.io可以在Jupyter Lab中使用，方法类似VScode，先安装插件，再新建drawio文件，就可以打开Draw.io绘图界面。

安装插件

打开Draw.io

小结

无论做开发还是做管理，画流程图几乎是必备的技能，还有像甘特图、结构图等，非常能体现一个职场人的专业素养。

我基本把Draw.io作为必备的绘图工具，免费倒是其次，主要是很便捷且强大，也比较美观，比PPT绘制要专业很多，大家可以去试试。

Draw.io模板展示