在线绘图工具能做什么:流程图、UML、网络图等常见用途
draw.io（app.diagrams.net）是一款免费的在线绘图工具，可以在浏览器里直接制作流程图、组织架构图、UML、ER 图、网络图、BPMN、电路图等，并能导入 .vsdx、Gliffy、Lucidchart 文件继续编辑。它适合需要快速画图、又不想安装桌面软件的人；前提是浏览器已启用 JavaScript，否则页面会停留在加载状态。
常见图表类型与适用场景
| 图表类型 | 典型用途 | 什么时候选它 |
|---|---|---|
| 流程图 / 流程示意图 | 梳理业务步骤、审批链路、操作流程 | 需要让多人快速看懂“先做什么、后做什么” |
| 组织架构图 | 展示团队层级、汇报关系、部门结构 | 用于人员介绍、组织说明 |
| UML | 描述类、对象、用例、时序等软件设计 | 开发或设计阶段表达系统结构 |
| ER 图 / 数据库架构 | 设计数据库表、字段与关系 | 建库前梳理实体和关联 |
| 网络图 | 画服务器、设备、网络拓扑 | 运维、IT 架构说明 |
| BPMN | 标准化业务流程建模 | 需要规范表达流程事件、网关、任务 |
| 电路图 | 绘制电路连接 | 电子相关示意 |
如果只是画简单流程，选流程图即可；如果涉及软件结构，用 UML；如果涉及数据表关系，用 ER 图。工具本身覆盖这些类型，不需要为不同图种切换多个软件。
从空白画布开始创建第一张图
- 在浏览器打开 app.diagrams.net，确认 JavaScript 已启用，等待页面加载完成。
- 选择创建新图或从空白画布开始。
- 从左侧图形库拖拽形状到画布，或用工具栏添加节点。
- 双击形状输入文字，拖动连接点把形状连起来。
- 调整布局、对齐和样式，完成后导出或保存。
预期结果是得到一张可编辑、可继续修改的图表。常见卡点是页面一直显示“Loading...”，这通常说明浏览器禁用了 JavaScript，需要先开启再刷新。
导入外部文件继续编辑
draw.io 支持导入 .vsdx、Gliffy 和 Lucidchart 文件。适合以下情况：
- 之前用 Visio、Gliffy 或 Lucidchart 画过图，想换到在线工具继续改；
- 收到别人发来的 .vsdx 文件，需要打开查看或调整；
- 想把旧图迁移到浏览器里协作编辑。
导入后原有图形和结构会进入当前画布，可以继续拖动、改文字、加节点。注意导入效果取决于原文件复杂度，复杂样式可能需要手动微调。
使用前需要留意什么
- 浏览器与 JavaScript：页面明确提示需要启用 JavaScript，否则无法正常加载。
- 免费使用：网站描述为 free online diagram software，可作为免费在线绘图工具使用。
- 文件兼容：支持导入 .vsdx、Gliffy、Lucidchart，方便迁移已有图表。
- 适用广度：同一工具覆盖流程图、UML、ER、网络、BPMN、电路图等，适合不想在多个工具间切换的人。
如果你的需求是快速画一张流程图、UML 或网络图，并且希望直接在浏览器里完成，draw.io 是一个可以直接开始的选择。