愛(ài)了，吹爆這個(gè)高顏值的流程圖工具！

說(shuō)起流程圖可能大家第一個(gè)想到Viso，功能是很強(qiáng)大，但也有一些弊端：

• 需要付費(fèi)
• 無(wú)法跨平臺(tái)使用

之前東哥就分享過(guò)一些在線的流程圖軟件了，比如draw.io和processon，功能上絲毫不比商業(yè)軟件差，而且更加便捷、不占據(jù)硬盤(pán)空間，同時(shí)支持團(tuán)隊(duì)協(xié)同。

本次再給大家分享一個(gè)強(qiáng)大的流程圖工具 Excalidraw，可以把它當(dāng)作一個(gè)虛擬的白板，風(fēng)格更偏向于手繪，通過(guò)簡(jiǎn)單地“托拉拽”即可完成流程圖。下面我們一起看下Excalidraw的功能：

1、手繪草圖

Excalidraw 是web上在線操作的，有很多種圖形可供選擇創(chuàng)建。

https://excalidraw.com/

對(duì)于每個(gè)形狀，都可以調(diào)整以下元素：

• 顏色
• 填充
• 描邊寬度
• 描邊樣式
• 邊框
• 邊角
• 不透明度

下面展示了如何用以上每個(gè)元素來(lái)改變一個(gè)圖形的樣式和風(fēng)格。

2、箭頭可跟著形狀移動(dòng)

如果繪制的箭頭指向了某個(gè)形狀，那么一旦這個(gè)形狀移動(dòng)，指向這個(gè)圖形的箭頭也會(huì)自動(dòng)跟著移動(dòng)，并一直指向該形狀。這個(gè)功能非常有用，可以為我們節(jié)省很多形狀和箭頭位置調(diào)整時(shí)間。

3、可調(diào)節(jié)的箭頭和線條

如果想創(chuàng)建一個(gè)自由方向的線條和箭頭，那么只需要一步步單擊你要的落點(diǎn)位置即可，最后再微調(diào)角度。

4、從 Excel 創(chuàng)建圖表

創(chuàng)建圖表需要數(shù)據(jù)，Excalidraw支持從 Excel 文件或者純逗號(hào)分隔的文本復(fù)制數(shù)據(jù)，并粘貼到Excalidraw中創(chuàng)建圖表。比如，復(fù)制下表數(shù)據(jù)然后粘貼到 Excalidraw中。

然后，我們將自動(dòng)獲得如下兩個(gè)圖表。

5、移動(dòng)和對(duì)齊多個(gè)對(duì)象

按住 Shift 鍵同時(shí)選擇多個(gè)對(duì)象可以一起移動(dòng)。如果想要對(duì)齊多個(gè)圖形，可以先選擇多個(gè)對(duì)象，然后在左側(cè)邊欄中選擇要對(duì)齊的選項(xiàng)即可（包括水平和垂直的左中右對(duì)齊）。

6、圖層

圖層功能就如同PPT中操作一樣，我們做圖的時(shí)候可以疊加一些圖形，選擇哪個(gè)在頂層，哪個(gè)在底層，最后形成一個(gè)完整的圖形。

7、實(shí)時(shí)協(xié)作

Excalidraw 也提供了協(xié)同工作的功能，也就是一個(gè)人做圖的同時(shí)，另一個(gè)人可以實(shí)時(shí)看到。啟用實(shí)時(shí)協(xié)作，單擊左上角的 2 人圖標(biāo)即可。

8、形狀庫(kù)

如果想創(chuàng)建更復(fù)雜的形狀，Excalidraw 的庫(kù)提供了多種形狀供選擇。

如果要從庫(kù)中選擇新形狀，單擊頂部工具欄上的方形圖標(biāo)，然后選擇要添加的圖標(biāo)。另外，單擊瀏覽庫(kù)可以從 Excalidraw 庫(kù)下載更多好看的手繪形狀。比如下面這些就是東哥下載的一些編程語(yǔ)言和數(shù)據(jù)庫(kù)的手繪logo。

9、保存形狀

可以將形狀保存到個(gè)人庫(kù)中以備將來(lái)使用，還可以到出PNG和SVG格式的圖片，另外也支持生成一個(gè)只有查看權(quán)限的web鏈接。

導(dǎo)出PNG和SVG

支持黑夜模式

分享只有查看權(quán)限的鏈接

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

參考：

[1]. https://www.jianshu.com/p/16d4ea4ff106