工具 | 流程图、UML、脑图,用它都Ok

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


>> 如何开始


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


工具 | 流程图、UML、脑图,用它都Ok


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


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


>> 主界面介绍


我截了个简单的图:


工具 | 流程图、UML、脑图,用它都Ok


界面布局很经典。


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


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


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


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


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


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


>> 各种图表


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


下面是 UML 的时序图示例:


工具 | 流程图、UML、脑图,用它都Ok


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


工具 | 流程图、UML、脑图,用它都Ok


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


工具 | 流程图、UML、脑图,用它都Ok


>> 下载 draw.io 


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


上一篇:PPT中的维恩图交叉图形怎么做的?Venn diagram


下一篇:[Xilinx]vivado软件操作总结