推荐一个免费的在线软件架构图和流程图绘制工具

最近由于工作原因,我需要把最近做的一些开发的架构图和流程图画出来。

我会边画边把学到的画图知识分享出来。

从程序员到架构师系列之一-学会画块状图Block Diagram

我之前在下面这篇文章分享过一个画流程图的软件叫做Diagram Designer。

介绍一个好用的免费流程图和UML绘制软件-Diagram Designer

我用它画了一个块状图(block diagram),如下图所示。确实比较好用。

但是当我需要画另一种图,时序图(Sequence Diagram)时,发现如果用Diagram Designer提供的那些基础控件去绘制时序图中的虚线和矩形框叠加的效果,效率不太高。

我请教了身边的同事,他们告诉我一个免费的在线流程图绘制工具,我使用之后发觉功能确实非常强大,在这里分享给大家。

这个工具名称叫draw.io。

跟着我看看如何使用吧。

浏览器里输入draw.io:

点"Create New Diagram"开始编辑一张新图的编辑。大家如果习惯中文,在右下角的Language的地方选择中文即可。

接下来是选择图的类型。我觉得draw.io相比我之前推荐的Diagram Designer的一个优点,在于每种类型它都提供了一个模板,也就是说我们选择了图的类型之后,draw.io会自动给我们生成一个现成的流程图,很多我们需要画的元素都已经在模板上画好了,不用我们从零开始。

举个例子,现在我想画一个时序图,我在UML类别里找到了时序图的模板,如下图所示:

下图是选中模板后自动帮我创建好的时序图,已经自动帮我生成相当多的每张时序图都需要的元素了,我直接在这个生成好的半成品上做图就行了,节省了我大量的时间。

做图过程中,可以随时点击Save保存成本地文件,格式为XML。

下图是我画的时序图,保存成本地XML文件仅有3KB大:

做图完成后,可以导出成PNG,JPG, SVG等多种格式的图形文件和PDF。

大家可以看看我上面在draw.io里画的时序图导出成PNG之后的效果:

关掉浏览器后,下次如果想继续编辑,可以直接导入本地存储的xml文件即可。也可以干脆将正在编辑的图片信息存储到Github,Dropbox或者OneDrive这些在线存储介质里。

最后,draw.io也提供了能离线使用的本地安装版本。

根据您的操作系统来下载对应的安装包进行下载。

相信draw.io提供的这些强大的功能,一定能够帮助您画出专业的软件架构图和流程图出来。

发表评论
留言与评论(共有 0 条评论)
   
验证码:

相关文章

推荐文章

'); })();