最近有讀者私信我，問我公眾號推文的配圖是用什麼工具畫的，很好看，也想學習一下。今天就給大家介紹一下這款畫圖工具——Draw.io
概述
draw.io是一款免費的網頁版畫圖工具（也有桌面版），支援流程圖、UML圖、架構圖、原型圖等，簡單好用。下面幾張圖都是用draw.io製作的：
看起來效果還不錯有木有~
進入畫圖工具
我個人比較常用的是網頁版，開啟網址 https://app.diagrams.net/之後，會彈出來一個視窗，讓我們選擇把檔案存放在哪裡。
目前支援六種儲存方式：
- Google Drive
- OneDrive
- Device：本地
- Dropbox
- Github
- Gitlab
我一般是選擇儲存到 Github，需要在 Github 新建一個專案，用來存放 draw.io 的檔案。
選擇好儲存方式之後，就會進入如下頁面，第一次就選擇建立新的流程圖（Create New Diagram）。
然後就進入draw.io 的主介面啦。
主介面
主介面分為幾個區域，選單欄、工具欄、圖形區、畫布、繪圖樣式設定區。
快速開始
接下來就帶大家看看怎麼使用吧！
首先是切換語言，點選右上角的地球即可進行語言切換。
在圖形區有八個選項，通常可以在這裡面找到想要的圖形。
第一個是便箋本，可以存放自定義的圖形，我們可以將外部的圖形拖到這個區域，儲存下來，後面就可以使用這些自定義圖形進行畫圖。
也可以點選下方的更多圖形解鎖更豐富的圖形哦。
將圖形區的圖形直接拖動到畫布，然後就可以開始創作啦。
在右邊樣式設定區可以對選中的圖形進行修改，比如使用我比較喜歡的sketch樣式，效果如下：
如果覺得背景太單調，可以給圖形增加背景條紋~
圖形與圖形之間連結非常方便，滑鼠移到圖形上面便會出現連結圖形的標誌，點選此標誌會自動進行圖形連結。
圖形旋轉也很簡單，選中圖形之後，右上角會出現旋轉的小圖示，按住此圖示進行拖動即可進行旋轉操作。
以上就是draw.io的基本使用教程，當然draw.io還有很多有用的功能，感興趣的小夥伴可以自行研究~
如果大家覺得這個畫圖工具不錯的話，麻煩幫我點個贊。