由于我的工作经常要做项目开发流程管理,所以画流程图成了家常便饭,流程图看似简单,其实需要花很多心思去梳理业务逻辑,才能画好。
除了业务逻辑外,画流程图的工具也非常重要,虽然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应用,所以可以很方便的打开其网页,进行流程图的绘制。
网页地址:https://app.diagrams.net/
点击后直接能打开绘图界面,如果你不想保存在云端(比如Github上),可以将流程图直接保存在本地电脑,Draw.io都支持
在客户端使用Draw.io
如果你想离线使用Draw.io,可以下载客户端安装到本地,比网页体验会更加的丝滑些,毕竟不需要联网。
下载地址:https://github.com/jgraph/drawio-desktop/releases/tag/v24.1.0
如果下载太慢,可以在本公众号后台回复:drawio,已经打包好,获取后直接安装就行
安装也很简单,一步到位,无需复杂设置
客户端和网页功能都一样,一般绘图保存到本地即可,无需登陆
在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客户端,可以在本公众号后台回复:drawio,已经打包好,获取后直接安装就行。
Draw.io模板展示