draw.io 画板
在线流程图与架构图编辑器,支持流程图、UML、ER 图、网络拓扑、BPMN 与 Visio(.vsdx) 导入,可导出 PNG / SVG / PDF 与 .drawio 源文件,画图过程全部在浏览器本地完成。
The tool itself switches to English, but this long-form guide is currently written in Chinese only.
draw.io 画板是什么
画流程图、架构图、网络拓扑这类图,很多人在 Word 里用形状硬拼,改一处要挪十个框。这个页面是 draw.io 官方编辑器(自托管副本),图形吸附、连线自动绕路、对齐分布都是现成的,左侧按流程图 / UML / 实体关系 / 网络设备分好了图形库。文件存在你自己的电脑上,导出的 PNG、SVG、PDF 可以直接贴进文档和 PPT。
所有计算都在你的浏览器本地完成,输入的内容不会上传到服务器。
怎么用draw.io 画板
- 点「开始画图」加载画板。首次约 20 MB,之后浏览器会走缓存,第二次打开快得多
- 从左侧图形库拖一个矩形到画布,双击就能输入文字;图形四边的蓝点拖出来就是连线,拖到另一个图形上出现蓝框再松手,线才会真正连上
- 左侧面板底部的「更多图形」里能勾出 UML、实体关系、网络设备、BPMN 等整套图形库,不用时取消勾选可以把面板收干净
- 改样式在右侧「样式」页:填充、描边、虚线、透明度、字号都在那儿;「排列」菜单里做对齐、等距分布和旋转
- 要打开已有的文件,用「文件 → 从…打开」,支持 .drawio、.vsdx(Visio)、.gliffy 和 .lucidchart
- 画完「文件 → 保存」存成 .drawio 源文件,或「文件 → 导出为」出 PNG / SVG / PDF / XML
常见问题
画的图会上传到服务器吗?
不会。画板本身是一堆静态文件,所有图形都在你浏览器的内存里,保存和导出都是本地文件读写。这个副本还带上了只走本地存储的启动参数,界面里不会出现 Google Drive、OneDrive 这类需要登录的云盘入口。
能打开 Visio 的 .vsdx 文件吗?
可以,「文件 → 从…打开」直接选 .vsdx 或 .vsdx 之外的 Visio 文件都行。导入后画的是 draw.io 图形,位置、连线、文字基本对得上,但复杂样式(渐变、阴影、自定义主题)可能被简化。要还原度百分之百还是得用 Visio 本身。
为什么要点一下才加载,不能直接打开就画?
画板一整包约 20 MB,是站内最大的资源。直接加载会让首屏多等十几秒,页面开着的时候还一直占着内存。点一下再建 iframe,你只是想看图例说明的话就一点开销都没有。
画的东西关掉页面还在吗?
不在了——这个副本没有自动存草稿,关页面前记得「文件 → 保存」到本地。浏览器偶尔会因为内存不足回收标签页,养成按 Ctrl+S 存一次的习惯。
小提示
- 想以后还能改,一定存 .drawio 源文件。导出的 PNG 和 PDF 是死图,SVG 虽然还能进设计软件但结构已经拆散,改起来比重画还慢
- 贴进文档、PPT 或网页优先用 SVG:放大不糊,体积通常还比 PNG 小。要发微信、进聊天记录就导出 PNG,SVG 有些软件打不开
- 提示输入「共享」或「发布」时不用管——自托管副本没有接云盘,那些入口要登录第三方账号,这里只做本地读写
- 框太多对不齐时别一个个拖:全选后用「排列」里的水平/垂直分布,再点一次对齐,比手动挪快得多