Draw.io产品概述 - 产品现更名为diagrams.net，是一款开源且免费的在线绘图工具[1] - 支持UML、流程图、架构图等多种图表类型，提供丰富模板资源[1] - 具备离线使用功能，支持导出PNG/SVG/PDF等多种格式[1] 产品特性 - 界面设计简单直观，功能强大[2] - 适用人群广泛，包括个人用户、开发者、设计师和项目经理等[2] - 提供在线访问和桌面应用两种使用方式[3] AI集成功能 - 支持通过AI生成Mermaid.js代码实现图表自动生成[6] - 操作流程：在Draw.io菜单选择"调整图形→插入→Mermaid"后输入AI生成的代码即可完成图表插入[6] 应用案例 - 流程图案例：可生成包含"输入账号密码→验证身份→进入首页"等步骤的完整流程图[8][9] - 决策树案例：展示用户从"查看产品"到"加入购物车"或"放弃购买"的完整决策路径[10] - 组织结构图案例：可生成从CTO开始，包含前端、后端、测试等角色的技术部门架构图[12] - 状态图案例：可展示订单状态变化流程，包括待付款、已发货、已签收、取消等状态[14][15] - 类图案例：可展示用户类、订单类、商品类之间的关联关系[16] 开发工具集成 - 提供VS Code扩展插件Draw.io Integration[18] - 插件支持通过创建.drawio.png后缀文件直接进行图表编辑[19][21]