最近公司的一個舊系統需要添加一個新功能，這個任務落到了一冊君的頭上，龐雜的代碼令人抓狂。

想弄張流程圖梳理一下程序的執行過程，用什么來畫竟然變成了第一個問題。

這東西和筆記有點類似，最好使的還是紙和筆，所見即所得。

最關鍵的，紙筆獲取難度極低，誰手邊還能沒幾張紙和筆呢？

但對于一冊君這種“手殘黨”來說，想用紙筆畫出給人看的圖還真的有點難度。

這個時候，一款合適的軟件就顯得格外重要。

這個領域的佼佼者當屬微軟的Visio，可惜這款軟件是付費的。

而且作為一個非專業人員，流程圖只是偶爾來那么一張，使用Visio未免有點小題大做了。

既然要求輕量，最好的情況就是不用安裝。

Processon，一個流程圖工具網站就非常合適。

但免費版限制了一些功能，就很不爽。

網址：https://www.processon.com/

Processon 官網首頁

draw.io

draw.io是github上的一款開源產品，這也意味著它是免費的。

一開始，draw.io只是一款Chrome插件，隨后又增加了網絡在線編輯以及桌面版。

官網：https://about.draw.io/

draw首頁

如果只是偶爾使用，可以直接在線編輯，功能體驗類似于Processon。

網址：https://www.draw.io/

draw流程圖

如果使用的瀏覽器是Chrome，那可以直接下載插件。

插件下載：https://chrome.google.com/webstore/detail/drawio-desktop/pebppomjfocnoigkeepgbmcifnnlndla/related?hl=en-GB

上面兩種方式固然方便，但必須在線使用。

離線狀態下，桌面版就成了首選。

下載draw.io桌面版有點繁瑣，首先要訪問其github項目地址。

github地址：https://github.com/jgraph/drawio

在項目介紹里，作者給出了桌面版的下載路徑。

Win用戶直接點擊“Window No Installer”即可下載不用安裝直接使用的版本，也就是“綠色版”。

桌面版本下載地址：https://github.com/jgraph/drawio-desktop/releases/tag/v12.4.2

從截圖中可以看出來，draw.io支持全平臺

工具介紹

提示：以網頁版為基礎，其他版本類似

網頁版在首次使用時，需要選擇圖表的保存位置。

這里我們選擇“電腦或手機”保存到本地。（擁有Google Drive或OneDrive的用戶可以選擇云盤存儲）

選擇保存位置

窗口切換后，需要我們從“創建新圖表”和“打開現有圖表”中選擇一項。（桌面軟件會直接來到這一步）

選擇“創建新圖表”后，工具提示我們選擇相應的模板。

通過截圖可以發現，draw.io提供的模板非常豐富，雖然不及visio，但遠超Processon。

絕對可以滿足絕大部分人的需求。

隨后就可以進入主界面了，整體設計風格趨于Processon。

工具默認提供的圖形不合心意的話，在頁面左下角有一個“更多圖形”選項，這里提供了額外的形狀來滿足我們的需求。

更多圖形

工具的使用方式與Processon基本一致，整體沒有上手難度。

當然，如果你是第一次繪制流程圖的話，還是需要研究一下。

但一冊君相信，你不會碰到太大的麻煩。因為這種工具被創造出來的目的，就在于簡化操作邏輯且易于上手。