聲明：該文章來自（GitCake）版權(quán)由原作者所有，K2OS渲染引擎提供網(wǎng)頁加速服務(wù)。

上周五的產(chǎn)品評(píng)審會(huì)上，我正絞盡腦汁地用語音描述一個(gè)新功能的交互流程，卻發(fā)現(xiàn)大家都一頭霧水。

這時(shí)候，技術(shù)總監(jiān)小王建議："要不畫個(gè)草圖說明一下？"

打開常用的設(shè)計(jì)軟件，一想到那些繁瑣的操作和呆板的風(fēng)格，我就有點(diǎn)發(fā)懷。

"難道就沒有一款能即開即用，又能畫出好看圖表的工具嗎？"

正好那天刷 GitHub 時(shí)發(fā)現(xiàn)一個(gè)Star數(shù)超高的開源項(xiàng)目?Excalidraw。抱著試試看的心態(tài)點(diǎn)開一看，沒想到這一用就愛上了。

化繁為簡(jiǎn)的設(shè)計(jì)理念?

還記得第一次打開時(shí)，整潔的界面給我一種莫名的親切感。沒有花哨的功能堆砌，所有工具都觸手可及：

頂部是繪圖工具，選中即用

左側(cè)是功能菜單，豐富選項(xiàng)

右側(cè)是豐富素材，取之不盡

獨(dú)特的手繪質(zhì)感?

最讓我眼前一亮的是它的手繪風(fēng)格。不管畫什么，都自帶一種隨性卻不失專業(yè)的美感：

線條自然流暢，不再冰冷死板

圖形邊緣微微參差，卻恰到好處

整體視覺清新，特別適合頭腦風(fēng)暴

令人驚嘆的協(xié)作體驗(yàn)?

作為一個(gè)經(jīng)常遠(yuǎn)程辦公的人，它的協(xié)作功能給了我滿滿的驚喜：

分享鏈接，團(tuán)隊(duì)成員立即加入

實(shí)時(shí)同步，操作無延遲

端到端加密，安全有保障

我的實(shí)戰(zhàn)體驗(yàn)

場(chǎng)景一：產(chǎn)品評(píng)審會(huì)

還記得開頭說的那次尷尬的評(píng)審會(huì)嗎？現(xiàn)在我都是提前5分鐘打開 Excalidraw，邊講邊畫，思路表達(dá)清晰了不少。

場(chǎng)景二：技術(shù)方案設(shè)計(jì)

在繪制架構(gòu)圖時(shí)，內(nèi)置的素材庫幫了大忙。從基礎(chǔ)組件到常用圖標(biāo)，應(yīng)有盡有：

場(chǎng)景三：頭腦風(fēng)暴

團(tuán)隊(duì)討論時(shí)，每個(gè)人都能實(shí)時(shí)參與創(chuàng)作，想法寫畫隨心所欲：

快速上手指南

想試試這個(gè)工具？非常簡(jiǎn)單：

在線使用?

打開 excalidraw.com 網(wǎng)站就能開始創(chuàng)作，無需注冊(cè)

開發(fā)集成?

如果你是開發(fā)者，想在項(xiàng)目中集成：

npm install @excalidraw/excalidraw

個(gè)人使用小技巧

建議第一次使用時(shí)切換到中文界面，會(huì)更容易上手

善用鍵盤快捷鍵，比如按住 Alt 拖動(dòng)復(fù)制、Space 移動(dòng)畫布

用色不要太多，2-3種就夠了，保持整體清爽

適當(dāng)留白很重要，不要讓畫布太擁擠

寫在最后

自從用上 Excalidraw，我再也沒為畫圖發(fā)愁。它就像一個(gè)隨叫隨到的設(shè)計(jì)助手，讓我的想法表達(dá)變得更加生動(dòng)有趣。

現(xiàn)在，我團(tuán)隊(duì)的小伙伴們都愛上了這個(gè)工具。不僅因?yàn)樗鼉?yōu)雅的手繪風(fēng)格，更因?yàn)樗屛覀兊倪h(yuǎn)程協(xié)作變得如此順暢。

GitHub 項(xiàng)目地址：

https://github.com/excalidraw/excalidraw

好了，今天的分享到此結(jié)束，感謝大家抽空閱讀，我們下期再見，Respect！

[超站]友情鏈接：

四季很好，只要有你，文娛排行榜：https://www.yaopaiming.com/
關(guān)注數(shù)據(jù)與安全，洞悉企業(yè)級(jí)服務(wù)市場(chǎng)：https://www.ijiandao.com/