如何利用draw.io自动绘图

draw.io绘图+ChatGPT生成绘图代码

Draw.io可以由在线网站打开，https://app.diagrams.net/

1.Draw.io绘图工具介绍

Draw.io 是一款非常流行的在线绘图工具，且完全免费，支持多种图形元素的绘制和编辑。在软件开发过程中，流程图、UML 图等视觉工具扮演着非常重要的角色，它们可以帮助我们更好地理解和设计复杂的系统和逻辑，通过Draw.io可以方便地绘制出UML、工程图、商业图、流程图、映射图等图片，如图1所示。

可以和大模型结合，由大模型生成代码，人工修改代码或图形，高效画图。

draw.io支持mxGraph的标记语言（Markup Language），用于在draw.io中描述图形模型的结构和属性。mxGraphModel是draw.io内部使用的一种格式，用于保存和加载图形模型数据。

通用图码转换 功能启用

（1）目录 点击 其他—编辑绘图

（2）弹出代码框

2.AI生成Meimaid代码

通过ChatGPT等AIGC工具，“请帮我生成XX流程图的Meimaid代码”，将meimaid代码复制过去。

点击“确定”之后，便能生成可视化图像。也可以在生成的图像中进行修改、调整

流程图mermaid语言画图代码相对简单，大模型可以较好的生成。

但缺点也明显：代码生成的mxGraphModel画图代码Bug较多基本无法运行。需要熟悉一些Meimaid语句。常见bug，一是中文符号出错，二是style调整格式这个语句经常出错，可人工修改代码或图像