最近經(jīng)常有小伙伴問(wèn)文章中的圖是用什么軟件畫(huà)的，下面就來(lái)梳理一下常用的畫(huà)圖工具：

常規(guī)畫(huà)圖：Excalidraw、draw.io、語(yǔ)雀

思維導(dǎo)圖：Xmind

代碼截圖：Carbon

畫(huà)圖模板：ProcessOn

Excalidraw

Excalidraw 是一款輕量、開(kāi)源的手繪風(fēng)格電子白板和畫(huà)圖應(yīng)用，可以快速畫(huà)出漂亮的流程圖、UML圖甚至是圖表。

Excalidraw 提供了豐富的素材庫(kù)，包含手繪風(fēng)格的圖標(biāo)、圖標(biāo)等：

可以在模版市場(chǎng)來(lái)搜索需要的組件：

除此之外，Excalidraw 還有很多特點(diǎn)：

界面簡(jiǎn)潔，模版眾多，支持鍵盤(pán)快捷鍵，可以快速上手；

免注冊(cè)，支持切換為中文語(yǔ)言；

內(nèi)容安全，采用端到端加密，不會(huì)將內(nèi)容上傳到云端；

支持導(dǎo)出圖片、導(dǎo)出源文件、分享鏈接、實(shí)時(shí)協(xié)作、將內(nèi)容保存到工作區(qū)。

在線地址：https://excalidraw.com/

Draw.io

draw.io 是一款免費(fèi)的在線圖表編輯工具，可以繪制流程圖、UML、類(lèi)圖、組織結(jié)構(gòu)圖、泳道圖、E-R圖、思維導(dǎo)圖等，堪稱畫(huà)圖神器！

draw.io 提供了豐富的模版，支持商務(wù)、圖表、cloud、工程、流程圖、布局、地圖、網(wǎng)絡(luò)、軟件、表格、UML、Venn等。還可以自定義模板。

除此之外，draw.io 還有很多特點(diǎn)：

支持語(yǔ)言設(shè)置為中文；

支持使用圖層；

支持設(shè)置手繪風(fēng)格、自帶多種圖標(biāo)，支持自定義圖標(biāo)；

支持將圖片導(dǎo)出為PNG、JEPG、SVG、PDF、HTML、XML等，支持導(dǎo)出高級(jí)設(shè)置，如調(diào)整DPI、寬高、縮放、背景等。

draw.io 使用：

在線地址：https://app.diagrams.net/

下載地址：https://github.com/jgraph/drawio/releases

語(yǔ)雀

語(yǔ)雀是一款面向未來(lái)的文檔和知識(shí)協(xié)同工具，可以用來(lái)記筆記，也可以用來(lái)畫(huà)圖。語(yǔ)雀畫(huà)板支持基礎(chǔ)圖形、流程圖、UML圖、ER圖、思維導(dǎo)圖等。

語(yǔ)雀畫(huà)板還支持直接從 icofont 搜索、添加圖標(biāo)：

其還提供了一些常用圖的模版：

除此之外，語(yǔ)雀畫(huà)板還有以下特點(diǎn)：

支持團(tuán)隊(duì)協(xié)作繪圖；

保存版本，恢復(fù)歷史版本。

語(yǔ)雀使用：

常用模板：https://www.yuque.com/danchun-eekrs/pbxiht

在線地址：https://www.yuque.com/

Xmind

XMind 是一個(gè)跨平臺(tái)的思維導(dǎo)圖軟件，具有多種結(jié)構(gòu)樣式，除了普通的思維導(dǎo)圖，還包括樹(shù)形圖、邏輯圖、魚(yú)骨圖、時(shí)間軸、樹(shù)狀表格等等，不同的結(jié)構(gòu)樣式可以自由組合混用，同時(shí)支持一鍵更換結(jié)構(gòu)樣式。

Xmind 提供了很多類(lèi)型的思維導(dǎo)圖，并支持設(shè)置多種主題風(fēng)格：

除此之外，Xmind 還有很多特點(diǎn)：

可以靈活的定制節(jié)點(diǎn)外觀、插入圖標(biāo)外，還有多種樣式、主題色彩、貼圖可以選擇，主題顏色和樣式同樣支持自由組合；

除了 XMind 自身的格式，還支持導(dǎo)入 FreeMind、MindManager 等軟件的文件格式，支持導(dǎo)出PNG、SVG、PDF、Markdown、Word、Excel 等；

支持進(jìn)行動(dòng)態(tài)演示。

下載地址：https://xmind.app/download/

Carbon

Carbon是開(kāi)源免費(fèi)的代碼圖片生成器，可以快速生成漂亮的代碼圖片。操作簡(jiǎn)單，直接將代碼粘貼在代碼區(qū)，設(shè)置想要的格式即可。

生成的代碼圖片非常適合用來(lái)分享：

除此之外，Carbbon 還有很多特點(diǎn)：

支持多種代碼風(fēng)格、支持自定義代碼風(fēng)格，支持主流的各種編程語(yǔ)言；

支持設(shè)置代碼的字體、行號(hào)、行數(shù)等文本格式；

支持設(shè)置圖片的邊距、背景、顏色、陰影、大小等。

在線地址：https://carbon.now.sh/

ProcessOn

ProcessOn 是一個(gè)在線協(xié)作繪圖平臺(tái)，支持在線制作思維導(dǎo)圖、流程圖、組織結(jié)構(gòu)圖、網(wǎng)絡(luò)拓?fù)鋱D、魚(yú)骨圖、UML圖等。不過(guò)其免費(fèi)版只支持添加 9 張圖。所以這里主要推薦其豐富的模版市場(chǎng)，可以通過(guò)分類(lèi)、關(guān)鍵字搜索來(lái)查找合適的模版：：

這些模版可以為我們提供一些繪圖思路：

在線地址：https://www.processon.com/diagrams/new#template

審核編輯 ：李倩