这款画图神器，yyds！

最近有读者私信我，问我公众号推文的配图是用什么工具画的，很好看，也想学习一下。今天就给大家介绍一下这款画图工具——draw.io

概述

draw.io是一款免费的网页版画图工具（也有桌面版），支持流程图、UML图、架构图、原型图等，简单好用。下面几张图都是用draw.io制作的：

看起来效果还不错有木有~下面带大家了解下这个神器。

进入画图工具

我个人比较常用的是网页版，打开网址 https://app.diagrams.net/之后，会弹出来一个窗口，让我们选择把文件存放在哪里。

目前支持六种存储方式：

1. Google Drive
2. OneDrive
3. Device：本地
4. Dropbox
5. Github
6. Gitlab

我一般是选择存储到 Github，需要在 Github 新建一个项目，用来存放 draw.io 的文件。

选择好存储方式之后，就会进入如下页面，第一次就选择创建新的流程图（Create New Diagram）。

然后就进入draw.io 的主界面啦。

主界面

主界面分为几个区域，菜单栏、工具栏、图形区、画布、绘图样式设置区。

快速开始

接下来就带大家看看怎么使用吧！

首先是切换语言，点击右上角的地球即可进行语言切换。

在图形区有八个选项：

第一个是便笺本，可以存放自定义的图形，我们可以将外部的图形拖到这个区域，保存下来，后面就可以使用这些自定义图形进行画图。

draw.io 提供了种类丰富的图形，通常可以在这里面找到想要的图形。点击左下方的『更多图形』按钮可以解锁更丰富的图形哦。

将图形区的图形直接拖动到画布，然后就可以开始创作啦。

在右边样式设置区可以对选中的图形进行修改，比如使用我比较常用的sketch样式，效果如下：

如果觉得背景太单调，可以给图形增加背景条纹~

图形与图形之间链接非常方便，鼠标移到图形上面便会出现链接图形的标志，点击此标志会自动进行图形链接。

图形旋转也很简单，选中图形之后，右上角会出现旋转的小图标，按住此图标进行拖动即可进行旋转操作。

以上就是draw.io的基本使用教程，当然draw.io还有很多有用的功能，感兴趣的小伙伴可以自行研究~

如果大家觉得这个画图工具不错的话，麻烦帮我点个在看，笔芯~

我是大彬，非科班转码，校招拿了多家互联网中大厂offer