drawio是一個(gè)開(kāi)源的繪圖工具,因開(kāi)源的特性受到了很多人的喜愛(ài),drawio提供了豐富的圖形庫(kù),可用來(lái)繪制各種圖形或圖表,諸如流程圖、架構(gòu)圖、框架圖、用戶旅程圖等。過(guò)往基于drawio繪圖,都需要手動(dòng)制作,而現(xiàn)在隨著AI在繪圖場(chǎng)景的廣泛應(yīng)用,也延伸出了更為便捷的繪圖方式——“AI生成代碼,再由代碼生成圖”。 對(duì)drawio而言,它雖然暫不提供AI功能,但內(nèi)置了導(dǎo)入代碼生成圖的功能,支持導(dǎo)入Mermaid或PlantUML代碼一鍵生成可視化圖形(表),下面和大家分享drawio導(dǎo)入代碼生成圖的具體步驟,希望能幫到有需要的朋友。 drawio導(dǎo)入代碼一鍵生圖 drawio目前未推出AI生成Mermaid或PlantUML代碼的功能,想通過(guò)導(dǎo)入代碼生成圖,得拆分為兩個(gè)步驟,先用AI工具生成Mermaid、PlantUML代碼,再導(dǎo)入drawio進(jìn)行渲染,生成對(duì)應(yīng)的可視化圖形,繪圖體驗(yàn)非常割裂。 一種更為推薦的方法,是使用集成了drawio的AI繪圖工具,如boardmix、墨刀、Miro等,它們提供了豐富的功能,包括AI繪圖,同時(shí)擁有出色的集成能力,在軟件內(nèi)集成多款第三方工具,如drawio、Figma等,可在一款軟件內(nèi)實(shí)現(xiàn)導(dǎo)入代碼一鍵生圖的目的。 以AI繪圖工具boardmix為例,通過(guò)簡(jiǎn)單幾步就能生成任意可視化圖形: 在瀏覽器打開(kāi)AI繪圖工具boardmix的首頁(yè),點(diǎn)擊左側(cè)的“免費(fèi)使用”,進(jìn)入boardmix工作臺(tái)。 點(diǎn)擊boardmix工作臺(tái)的“AI一鍵生成模板”,進(jìn)入AI生成圖表代碼的界面。 點(diǎn)擊右側(cè)boardmix AI面板的“流程圖”智能體,啟用AI生成流程圖功能,我們可以讓AI生成Mermaid/PlantUML格式的圖表代碼,如下圖,輸入“生成Mermaid格式的電商退換貨流程圖”,boardmix AI就會(huì)快速返回Mermaid代碼,點(diǎn)擊代碼右上角的“復(fù)制代碼”,將代碼復(fù)制到剪貼板。 接著點(diǎn)擊boardmix左側(cè)工具欄底部的“…”,打開(kāi)更多工具面板,單擊“內(nèi)嵌”中的drawio,打開(kāi)boardmix集成的繪圖工具drawio。 點(diǎn)擊drawio頂部的調(diào)整圖形選項(xiàng)卡,依次選擇 插入→ 高級(jí)→ 從文本。 在打開(kāi)的輸入框,粘貼剛由boardmix AI生成的Mermaid代碼,接著把右下角的列表更改為圖片,點(diǎn)擊“插入”,此時(shí)原本的Mermaid代碼就會(huì)自動(dòng)生成可視化的流程圖。 經(jīng)過(guò)前面簡(jiǎn)單幾步,一個(gè)精美的流程圖瞬間就生成完畢,如果想把當(dāng)前的流程圖導(dǎo)出到本地,可選中整個(gè)流程圖,點(diǎn)擊左上角的文件選項(xiàng)卡,選擇“導(dǎo)出為”,選擇圖片或PDF格式即可一鍵導(dǎo)出。 drawio導(dǎo)入代碼一鍵生圖 除了前面介紹的boardmix,另一款集成drawio的辦公工具——墨刀,同樣支持導(dǎo)入代碼一鍵生成可視化圖形,步驟如下: 在瀏覽器打開(kāi)墨刀首頁(yè),如下圖,點(diǎn)擊“新建原型”。 進(jìn)入原型編輯界面,點(diǎn)擊左側(cè)邊欄底部的“繪圖”,打開(kāi)墨刀集成的drawio,后續(xù)步驟與前面使用boardmix生成圖形是一致的,這里就略過(guò)不講~ 簡(jiǎn)言之,在AI工具和集成drawio的繪圖工具的加持下,我們可以輕松實(shí)現(xiàn)導(dǎo)入代碼生成可視化圖形或圖表的目的,讓辦公繪圖一步到位,不再“痛苦面具”! 以上就是本次想和各位分享的所有內(nèi)容,希望能幫到有需要的朋友。如果你有其他疑問(wèn),或是想進(jìn)一步了解的內(nèi)容,歡迎在下方的評(píng)論區(qū)留言,我們一起交流探討。 |
|
來(lái)自: 職場(chǎng)工具箱 > 《文件夾》