前言
作為程式設計師，專案開發過程中肯定會需要畫一大堆圖，原型圖、流程圖、UML圖、思維導圖、拓撲圖等等，找到一個好工具肯定是能大大提高工作效率，這裡就來分享兩款我平時用得比較多的畫圖工具(這不是廣告，也不是推廣，只是單純的工具分享)。
正文
1. ProcessOn
1.1 概述
ProcessOn是一款超級好用的線上作圖工具，我工作和寫作中的圖基本上都是用它完成，不過最多隻能免費儲存9個文件，如果超過數量，最直接的方法就是付費啦；
那有沒有其他方式能免費獲得更多數量的儲存資格呢？答案是肯定的，如下：
完善個人資訊：完善個人資訊到100%會送5個文件；
關注公眾號，回覆“擴容” ，按要求填寫表單也會送3個文件；
釋出自己的模板，獲得5個贊，送一個文件(這個最近沒試，之前是可以的)；
拉好友註冊使用：就是邀請一個好友註冊ProcessOn就會送3個文件，按要求進行就可以了。
1.2 演示及功能簡介
ProcessOn的使用很簡單，進入頁面(https://www.processon.com/),直接註冊一個賬號即可，為了方便可以繫結微信，後續掃碼直接登入就行，進去就可以建立自己的檔案了，如下：
然後點進對應的檔案，就可以在裡面隨便搞事，如下：
簡單說說介面的佈局，裡面的功能小夥伴們進去點點就明白了，平時使用的圖，在這裡基本上都可以實現。
如果作圖時，思維缺少點靈感，還可以檢視別的小夥伴的模板，甚至可以直接克隆使用，不過有的需要收費，但有時候我們缺少的是一種啟發，模板很多的，隨便參考，如下：
偷偷告訴大家，如果免費文件有限，一個文件中可以多畫幾張圖，比如像下面：
具體的操作就不詳細截圖了，小夥伴們可以自己隨便去點，相信你們一定喜歡。
2. Draw.io
2.1 概述
Draw.io 是一款免費的線上圖表編輯工具, 可以用來製作流程圖、BPM、UML、 ER圖、 網路拓撲圖等，但本身不提供儲存，需要簡單進行配置，可以儲存在本地裝置、GitHub、GitLab等。
這個使用那就爽了，真的不收費，想怎麼搞就怎麼搞，所以最近使用的重心比較偏這個工具；
裡面各種形狀和圖示，而且配置樣式真的很靈活，還好看。接下來就簡單演示一下使用吧。
2.2 演示及功能簡介
初始化：載入對應的指令碼，這個不用管，等就行了；
首先直接輸入地址https://draw.io/訪問即可，剛開始會進行初始化一會，如果網路不給力，等的時間會稍長一點：
選擇儲存位置
初始化完畢之後，選擇指定儲存位置，即為製作好的圖指定一個儲存位置，有四種選擇，如下：
OneDrive整合雲進行儲存，這個我沒用，先不介紹，嘿嘿嘿~~~；
Device是儲存到當前電腦上，選中指定資料夾即可，缺點就是換電腦就不方便了；
GitHub和GitLab一樣，建立一個公共的倉儲，按照步驟授權，最後就可以儲存在指定的倉儲中了，優點就是換電腦也沒事，可以隨時從GitHub或GitLab中載入；
開始使用
選擇指定的儲存位置之後，就可以開始使用啦。
建立新圖時，會有很多模板選擇，根據需要可以自行選擇，如下：
接下來就可以進入作圖介面了，圖示和控制元件超豐富，設定樣式很是靈活，還好看，如下：
可以根據自己的需要，配置常用的形狀和圖示(形狀、圖示是不是很豐富)，如下：
具體的詳細操作就不截圖了，小夥伴們進去點點就知道，這兩款作圖工具其實操作和佈局都很相似，用起來都感覺很不錯；
這次儲存的文件數沒有限制，所以小夥伴可以任意造，不用像使用ProcessOn那麼吝嗇。
總結
這兩款都是線上作圖工具，不需要安裝，最主要的是用起來很是舒爽。
整體來說，這兩款工具從作圖體驗上感覺都差不多；對於儲存，ProcessOn相對方便一點，不用需要配置。
關於工具分享，後續會持續更新一些自己覺得還不錯的工具，關注“Code綜藝圈”，和我一起學習吧。