drawio使用教程!导入代码一键生图,办公绘图不要太简单!
drawio是一个开源的绘图工具,因开源的特性受到了很多人的喜爱,drawio提供了丰富的图形库,可用来绘制各种图形或图表,诸如流程图、架构图、框架图、用户旅程图等。过往基于drawio绘图,都需要手动制作,而现在随着AI在绘图场景的广泛应用,也延伸出了更为便捷的绘图方式——“AI生成代码,再由代码生成图”。
对drawio而言,它虽然暂不提供AI功能,但内置了导入代码生成图的功能,支持导入Mermaid或PlantUML代码一键生成可视化图形(表),下面和大家分享drawio导入代码生成图的具体步骤,希望能帮到有需要的朋友。
drawio导入代码一键生图
drawio目前未推出AI生成Mermaid或PlantUML代码的功能,想通过导入代码生成图,得拆分为两个步骤,先用AI工具生成Mermaid、PlantUML代码,再导入drawio进行渲染,生成对应的可视化图形,绘图体验非常割裂。
一种更为推荐的方法,是使用集成了drawio的AI绘图工具,如boardmix、墨刀、Miro等,它们提供了丰富的功能,包括AI绘图,同时拥有出色的集成能力,在软件内集成多款第三方工具,如drawio、Figma等,可在一款软件内实现导入代码一键生图的目的。
以AI绘图工具boardmix为例,通过简单几步就能生成任意可视化图形:
在浏览器打开AI绘图工具boardmix的首页,点击左侧的“免费使用”,进入boardmix工作台。
点击boardmix工作台的“AI一键生成模板”,进入AI生成图表代码的界面。
点击右侧boardmix AI面板的“流程图”智能体,启用AI生成流程图功能,我们可以让AI生成Mermaid/PlantUML格式的图表代码,如下图,输入“生成Mermaid格式的电商退换货流程图”,boardmix AI就会快速返回Mermaid代码,点击代码右上角的“复制代码”,将代码复制到剪贴板。
接着点击boardmix左侧工具栏底部的“…”,打开更多工具面板,单击“内嵌”中的drawio,打开boardmix集成的绘图工具drawio。
点击drawio顶部的调整图形选项卡,依次选择 插入 → 高级 → 从文本。
在打开的输入框,粘贴刚由boardmix AI生成的Mermaid代码,接着把右下角的列表更改为图片,点击“插入”,此时原本的Mermaid代码就会自动生成可视化的流程图。
经过前面简单几步,一个精美的流程图瞬间就生成完毕,如果想把当前的流程图导出到本地,可选中整个流程图,点击左上角的文件选项卡,选择“导出为”,选择图片或PDF格式即可一键导出。
drawio导入代码一键生图
除了前面介绍的boardmix,另一款集成drawio的办公工具——墨刀,同样支持导入代码一键生成可视化图形,步骤如下:
在浏览器打开墨刀首页,如下图,点击“新建原型”。
进入原型编辑界面,点击左侧边栏底部的“绘图”,打开墨刀集成的drawio,后续步骤与前面使用boardmix生成图形是一致的,这里就略过不讲~
简言之,在AI工具和集成drawio的绘图工具的加持下,我们可以轻松实现导入代码生成可视化图形或图表的目的,让办公绘图一步到位,不再“痛苦面具”!
以上就是本次想和各位分享的所有内容,希望能帮到有需要的朋友。如果你有其他疑问,或是想进一步了解的内容,欢迎在下方的评论区留言,我们一起交流探讨。
相关知识
python玫瑰花代码简单
9个免费的AI绘图工具,快速生成流程图和办公图表
这个R包不太冷系列三:一种“简单代码+简单调整=即刻出图”的包
Obsidian 插件:Excalidraw 完美的绘图工具
这谁能卷的动!用了这个数据绘图神器出图神速太香了!
【python绘图】matplotlib基本使用(含实例)
Origin绘图技巧——组合图
简单好用的ER图工具
用棕榈叶制作可爱小鸟的简单手工教程
python玫瑰花代码讲解
网址: drawio使用教程!导入代码一键生图,办公绘图不要太简单! https://www.huajiangbk.com/newsview1946745.html
上一篇: matlab使用教程(60)—添 |
下一篇: Mermaid 在线绘图工具 |
推荐分享

- 1君子兰什么品种最名贵 十大名 4012
- 2世界上最名贵的10种兰花图片 3364
- 3花圈挽联怎么写? 3286
- 4迷信说家里不能放假花 家里摆 1878
- 5香山红叶什么时候红 1493
- 6花的意思,花的解释,花的拼音 1210
- 7教师节送什么花最合适 1167
- 8勿忘我花图片 1103
- 9橄榄枝的象征意义 1093
- 10洛阳的市花 1039