作為一個程序員，畫圖是必不可少的技巧。當然此畫圖不是搞藝術，而是畫各種架構圖、流程圖、泳道圖以及各種示意圖。

平時我不論是記筆記、寫技術文章，還是工作中寫文檔，都需要配上各種各樣的示意圖。不管是幫助自己更好的掌握知識，還是分享出去讓別人更好的理解，配圖都是非常重要的，所謂一圖勝千言就是這個道理，大家都喜歡圖文并茂的內容，有時候甚至一張圖就夠了，根本不需要過多的文字解釋。

這些圖都是用 Mac 自帶的 Keynote 畫的，當然今天要說的不是 Keynote，因為畫了好多圖后，我發現用 Keynote 畫圖雖然可以很好看，但是很累，而且圖畫的好不好看，完全靠自己的審美水平。我畫圖主打一個花里花哨，一張圖可能用上好幾個顏色，主打一個以多取勝，唬住一部分人不在話下。

Keynote 更適合做那些科普類、知識類、推薦類的圖文內容，比如小紅書，你隨便搜一個圖文類軟件推薦的博主，那種比較簡潔的封面圖，就很適合用 Keynote 做。

圖片

今天要介紹的這個工具是 Excalidraw，自從發現這個工具后，Keynote、ProcessOn 我基本上就不用了。

Excalidraw

以下是用 Excalidraw 畫的各種類型的圖，Excalidraw 主要的就是一個手繪風格，出來的效果很像用筆畫出來的。當然，如果是對外比較正式的圖，也可以調整成比較嚴肅的風格。

我感覺效果還是不錯的。不喜勿噴！

業務架構方案

泳道圖

示意圖

簡易流程圖

圖片

如果你用過其他的畫圖工具，那對它的界面自然也不會感到陌生，都差不多，只是效果上有比較大的差別。

以下是它的一個主要操作界面。

• 可以通過上方的菜單快速的拖出矩形、菱形、原型、箭頭、線條等等。
• 選中一個圖形元素后，左側可以配置這個元素的線條風格，這里就包括那種比較正式的風格和手繪風，以及直角和圓角。
• 可控制元素的內部填充色、內部填充風格（實色填充、網格填充以及無填充）、邊框顏色。

圖片

字體問題

Excalidraw 的官網地址是  https://excalidraw.com/ 。但是 Excalidraw 對于國內的用戶來說有一個比較嚴重的問題，那就是它對中文的支持不是很好，默認字體很多人不是很滿意。

下面是默認的中文字體顯示風格，其實還說的過去。

圖片

但是換了字體后，看上去更舒服一點。（注意，此處與個人審美密切相關，要不然就不會有那么多字體了）

圖片

我個人而言，還是喜歡下面的字體，這個字體是開源的霞鶩文楷字體。正好Excalidraw也是開源的，所以，我專門部署了一套帶有霞鶩文楷字體的網站 https://excalidraw.moonkite.cn/ ，有需要的可以直接拿去用，不用謝！

在左側字體設置里，第一個就是這個霞鶩文楷字體，選中這個就可以了。

圖片