你的下一款绘图软件，何必是visio——Draw.io推荐及使用

Draw.io 一款可替代Visio的免费开源的图形绘制软件，简单易上手！

目录

背景

Draw.io 

Draw.io 使用

1.新建绘图及语言设置

2.使用介绍

3.导出及分享 

其他

小结

---

背景

最初你想画流程图的时候，发现PPT可以画，但是不太好用，调整图形线条的对准非常费时间。后来找到了Visio，发现他安装包很大，还需要订阅付费，但是这一类专业图形绘制的软件用起来真的很顺滑。那么有没有一款更完美的软件呢？就是Draw.io了，免费、开源、可跨平台使用。

Draw.io 

Draw.io是一款集免费、开源、强大、跨平台于一体的专业图形绘制软件，可以创建流程图、组织结构图、泳道图、ER图、UML等。出于安全原因，draw.io的域名改为了diagrams.net，软件库、文件格式和集成服务仍然被称为“Draw.io"，所以这里我们还是以Draw.io称呼他。

Draw.io有网页版和桌面版，支持下载和导出的文件格式包括PNG、JPEG、SVG、PDF、HTML等。网页版无需在线登录或者注册，就可以从本地打开和保存到本地文件夹。桌面版提供了Linux、macOS、Windows系统的安装包，下载安装包根据提示安装即可。对应使用和下载的网址如下：

网页版：Flowchart Maker & Online Diagram Software 

桌面版下载：Releases · jgraph/drawio-desktop · GitHub 

同时，一些第三方软件集成了Draw.io，比如程序员常用的VS Code中就提供了Draw.io的扩展，安装次数超过了89万次（截止2022.09.06）。

Draw.io 使用

1.新建绘图及语言设置

打开软件之后，弹出的提示框可以创建新绘图（图1左）。draw.io提供了多种图形的模板（图1右），也可以从其他url地址获取其他模板。设置文件名，默认文件后缀为".drawio"。

语言设置可以点击提示框右下角的网状地球图标（图1左），就可以切换简体中文，Draw.io提供了包括简体中文在内的几十种语言。在使用界面如果想要切换语言，可以点击界面右上角的网状地球图标。

 图1 新建绘图

2.使用介绍

整体界面一般包括顶部菜单栏、左边的图形库、中间绘制面板和右边的格式面板。绘制的过程非常简单，就是从左边图形库拖入中间绘制面板，在中间和右边格式面板修改属性即可。

图2 绘制界面

以下各部分进行详述：

菜单栏：菜单栏提供了文件、编辑、查看等导航，值得一提的是菜单栏的其它可以修改界面主题，比如可以修改为深色模式。另外，帮助提供了快捷键、入门视频的查询，非常友好新手。

左边图形库：提供了通用、杂项、高级、流程图的图形，都可以拖拽的形式放到中间绘制面板，左下角的更多图形，可以勾选更多的图形库，例如平面图、电路图的更多图形元素就会显示在左侧。同时，如果在菜单栏的查看勾选了便笺本，便笺本就会显示在图形库上方，将中间绘制面板经常使用的已编辑好的图形元素拖入便笺本，就可以非常方便的使用该元素了。

中间绘制面板：中间的绘制面板默认有网格（这是我推荐这款软件的原因之一，强迫症福音），便于各种对齐，连间距都可以整齐划一。当然，如果你不喜欢网格，也可以通过菜单栏查看取消网格的勾选。

通过左侧图形拖拽到中间绘图区域，双击图形就可以编辑图形的文本；图形与图形的连接通过鼠标滑过之后，会出现多个连接点（图3），想连哪个位置都可以。区域的放大和缩小通过ctrl+鼠标滚轮实现，常见的快捷键ctrl+c/v/s/x/g/z都可以相应使用，其他快捷键详见官网指导（Shortcuts - draw.io）。

 图3  图形连接点

右边格式面板：格式面板可以修改图形的样式（填充、线条等）、文本字体格式及位置、图形的所在图层及方向等属性。格式面板可以通过菜单栏的查看调出显示或隐藏。

3.导出及分享 

画好的图可以导出为PNG、JPEG、PDF等格式（图4a），便于调用。常规的导出图片（图4b），可以设置一定的边框留白，可选阴影和网格的导出。高级的导出（图4c）可以通过缩放，提升导出图片的清晰度。

同时，Draw.io可以导出为Visio可以打开使用的VSDX文件，方便和其他人共享使用。

 图4  绘图导出

其他

在使用过程中，有时候画的图比较复杂，如果能提供思维导图那样快速的文字结构转换，实现和文字更迅捷的转换就更好了。

小结

总的来说，Draw.io是完全值得推荐的一款免费、开源、强大、跨平台于一体的专业图形绘制软件，也很容易上手。在工作中我已经百分百使用它，不需要再为付费、文件流动不畅而担心，相信它也可以帮助到你！

欢迎留下你的看法一起讨论！