drawio网页版 · 免费开源绘图

画流程图、UML、
架构图,用drawio
· Visio太贵太笨重 · 在线工具限制多 · 导出格式不方便

drawio(diagrams.net)是免费开源的绘图工具,支持流程图、UML、ER图、组织架构、白板自由画。网页版无需安装打开即画,桌面版支持离线使用,存本地、GitHub、OneDrive都行。零广告、零账号,替代Visio的不二之选。

🌱 开源免费 🛡️ 零广告零账号 ⚡ 海量图形库
流程图
UML建模
ER图
白板
架构图
思维导图

核心功能 · 画图就该这么顺手

不堆功能,只解决画图时的真麻烦。

流程图绘制

拖拽式画流程图、泳道图、BPMN、数据流图。内置上千种图形,智能对齐、自动连线,画复杂流程也不手忙脚乱。

拖拽式自动连线泳道图
💡 支持BPMN 2.0,替代Visio画专业流程图

UML建模

支持类图、时序图、用例图、活动图等14种UML。能自动生成代码框架,开发团队画完类图直接导出代码骨架。

14种UML代码生成时序图
💡 支持Java、Python、C++等主流语言代码生成

ER图与架构

画ER图、组织架构、网络拓扑、AWS/GCP架构图。内置云厂商图标库,画云架构直接用官方图标。

ER图组织架构云架构
💡 内置AWS、GCP、Azure全套图标库

导出与同步

一键导出PNG、SVG、PDF、XML、HTML。支持存本地、GitHub、OneDrive、Google Drive,换电脑接着画。

PNG/SVG/PDFGitHubOneDrive
💡 矢量导出无损缩放,放进PPT也不糊

适用场景 · 谁在用drawio

从产品经理到架构师,都在用它画图。

产品经理画流程

画业务流程图、用户旅程图、功能结构图。以前用Visio又贵又不顺手,drawio免费打开就能画,团队协作也方便。

业务流程图用户旅程
💡 产品团队反馈:画图效率提高一倍

开发画UML

画类图、时序图、用例图,设计阶段快速出图。能导出代码框架,设计完直接交给开发,沟通成本直线下降。

类图时序图代码生成
💡 支持导出Java/C++/Python代码框架

架构画拓扑

画网络拓扑、系统架构、微服务治理图。用drawio自带的AWS/GCP图标库,画云架构比PPT专业得多。

网络拓扑云架构
💡 内置AWS/GCP/Azure全套图标

老师学生画板书

自由白板模式,画思维导图、知识图谱、板书。不用安装软件,浏览器打开就能画,学生也能跟着画。

白板思维导图
💡 在线白板,上课直接投屏画

用户怎么说

都是真实体验,没有套话。

★★★★★

以前用Visio画流程图,又贵又卡。换了drawio之后,网页打开就能画,导出格式也全,关键还是免费的,省了一大笔。

—— 开咨询公司的大佬,经常画业务模型
★★★★★

最惊喜的是UML功能,画类图直接导出Java代码框架,省了手写getter/setter的时间。团队现在都用它做设计。

—— 技术Leader,带15人开发团队
★★★★★

本来只是想找个画拓扑的工具,结果发现drawio啥都能画。流程图、UML、架构图、思维导图,一个工具全搞定。而且存GitHub太方便了,版本管理都有了。

—— 运维架构师,画了200+张架构图
💡 很多人说"一个drawio顶一套Visio+ProcessOn"
★★★★★

冷门用法:我用drawio画课程板书和思维导图,学生可以直接看链接不用下载软件。也没有乱七八糟的广告,上课体验很好。

—— 高校老师,教计算机导论

技术解析 · 为什么这么能画

不吹牛,只讲原理和体验。

纯前端渲染引擎

技术动作:基于纯JavaScript + Canvas/SVG渲染,不依赖后端服务。用户感知:打开网页就能画,不需要联网加载额外资源,响应飞快。

海量图形库机制

技术动作:内置超过1000种图形和模板,按需加载不占内存。用户感知:流程图、UML、网络设备、云图标,拖出来就能用。

XML序列化存储

技术动作:用XML格式序列化图形数据,体积小可读性强。用户感知:存GitHub能看到diff,方便版本管理,不像二进制格式一片乱码。

多格式导出设计

技术动作:基于矢量导出PNG/SVG/PDF,支持批量和单图。用户感知:画完一键导出高清图,放PPT放大也不模糊,再也不愁汇报材料。

离线桌面版架构

技术动作:用Electron封装成桌面应用,核心引擎和网页版一致。用户感知:断网也能画,数据存本地,公司内网环境照样用。