技术工作者常需绘制流程图、系统架构图、时序图等各类图表。传统方式在 draw.io 中手动拖拽节点、连线、调样式,复杂图表耗时半小时以上;纯 AI 生成图片无法修改,Mermaid 代码对复杂图表支持有限且样式控制不足。一种更高效的方案是将 draw.io 与 AI 结合,通过特定 Skill 配置文件让 AI 掌握 draw.io 的 XML 格式输出规范。
具体实施分为两步:先安装 draw.io 桌面版,再让 AI 读取 GitHub 上的 draw.io Skill 文件完成配置。
实际应用中,可直接用自然语言指令生成图表,如描述"电信运营商开户流程",AI 会自动规划泳道、分配环节、处理异常分支;也可上传参考图片让 AI 识别结构后复现。生成结果可在 draw.io 中直接打开并继续编辑,布局、配色、箭头均已就绪。
AI生成的图,第一次可能不完美,可以继续追问:"把第三层的颜色改成蓝色系"、"在XX节点后面加一个判断分支",它能理解上下文继续修改。
图特别复杂的时候,AI可能需要分步生成,先出框架,再补细节。
draw.io支持导出PNG、SVG、PDF,生成的图质量够用。

