我最近画图都用 draw.io ，非常赞的在线绘图工具，推荐给大家。

>> 如何开始

在浏览器地址栏输入 https://www.draw.io 或者直接输入 draw.io 即可打开。

你可以创建一个新的 Diagram ，也可以打开已有的 Diagram 。draw.io 就像你用过的任何桌面绘图软件一样，只不过它是运行在浏览器里的。

draw.io 是开源的哇，github 地址在这里：https://github.com/jgraph/draw.io。感兴趣的朋友可以 follow 或者 star 。

>> 主界面介绍

我截了个简单的图：

界面布局很经典。

顶部从上到下，依次是菜单栏、工具条。

左侧是形状区域，里面有常规、Misc、UML、流程图、网络、Office等各种常见形状分类，形状多到令人难以置信，基本上能够满足日常绘图应用。

中间是绘图区，你选中左侧形状区内的某个形状，拖放到中间，就可以生成一个形状。

选中某个形状后，右侧的属性面板就会与这个形状关联，你可以修改所选形状的各种属性。线条粗细、颜色、线端形状、文本颜色、字体……

底部是页签栏，你建立了一个 Diagram ，可以分成多页。和 Visio 类似。

每个 Diagram 可以保存为 xml 文件，当你有未保存的修改时，菜单栏右侧会提示你。

>> 各种图表

draw.io 支持各种图表的绘制，比如流程图、时序图、类图、网络拓扑结构等，同时提供丰富的形状供你使用，日常绘图工作完全能够胜任。

下面是 UML 的时序图示例：

我之前还用它绘制过很多图，比如“每年10万被动收入目标分解 | 进击”这篇文章中的头脑风暴图：

比如“程序员的核心竞争力”中引用的程序员工作过程图：

>> 下载 draw.io 

不需要啦……它是在线的，直接在浏览器中打开 https://draw.io 即可。