资源栈 - www.zyz88.com
首页 / 设计工具 / 资源详情
设计工具

draw.io v30.0 开源免费流程图制作工具 桌面离线版 / 在线版 支持 GitHub/OneDrive 保存

技术宅 2026-07-08 1.9w 0 下载
登录后下载 登录后可免费下载 在线演示

资源介绍

draw.io 是一款完全开源、永久免费思维导流程图ight:500;">架构图g>的专业流程图制作工具,被誉为流程图、思维导图、架构图制作的 “神器”。它包括桌面离线版在线网UML 图/strong>两个版本,在线版还可以将项目保存在 OneDrive、GitHub、Google Drive、Dropbox 等云存储位置,实现多端同步和团队协作。draw.io 功能强大、操作简单,支持流程图、思维导图、UML 图、ER 图、网络拓扑图、组织结构图、电路原理图等数十种图表类型,是程序员、产品经理、运维工程师、教师、学生等人群的必备效率工具。v30.0 主版本更新,全新安装默认启用自适应色彩(与网页版保持一致),升级安装保留原有简洁模式,使用 Electron 42.0.1 内核,升级至 draw.io 核心 30.0.0 版本。

核心功能

1. 丰富的图表类型支持

  • 流程图:标准流程图、业务流程图、数据流程图、IDEF 图
  • 思维导图:思维导图、组织结构图、树状图、鱼骨图
  • UML 图:用例图、类图、时序图、活动图、状态图、组件图、部署图
  • 网络拓扑图:网络结构图、机房布局图、云架构图
  • ER 图:实体关系图、数据库设计图
  • 电路图:电路原理图、PCB 布局图
  • 其他:甘特图、泳道图、思维导图、时间线、维恩图、流程图、矩阵图、平面图等数十种

2. 强大的图形编辑功能

  • 丰富的内置图形库:基础图形、箭头、流程图符号、UML 符号、网络设备、计算机硬件、建筑平面图等
  • 支持自定义图形:导入 SVG 图片、自定义形状、自定义颜色
  • 智能连接线:自动吸附、正交线、曲线、直连,支持多种箭头样式
  • 文本编辑:富文本编辑、字体、字号、颜色、对齐、行距
  • 图层管理:多图层编辑,显示 / 隐藏图层,图层排序
  • 对齐与分布:左对齐、右对齐、居中、等间距分布
  • 组合与取消组合:多个图形组合为一个整体
  • 撤销 / 重做:无限次撤销重做,历史记录管理

3. 多种导出格式

  • 图片格式:PNG、JPG、SVG、PDF
  • 文档格式:PDF、HTML、XML、CSV
  • 矢量格式:SVG、EMF、VSDX(Visio 格式)
  • 其他:可导出为 HTML 网页,支持交互式查看
  • 支持自定义导出分辨率、尺寸、背景
  • 支持批量导出多个页面

4. 云存储与多端同步

  • OneDrive:微软 OneDrive 云存储保存,多设备同步
  • GitHub:GitHub 仓库保存,版本控制,团队协作
  • Google Drive:谷歌云盘保存和同步
  • Dropbox:Dropbox 云存储保存
  • 本地存储:保存为本地文件(.drawio/.xml 格式)
  • 浏览器本地:浏览器本地存储,无需账号
  • 支持文件版本历史,可恢复历史版本
  • 支持多人实时协作编辑(在线版)

5. 桌面离线版特色

  • 完全离线:无需联网,本地运行,保护数据隐私
  • 跨平台:支持 Windows、macOS、Linux 三大操作系统
  • Electron 内核:基于 Electron 42.0.1,性能稳定,启动快速
  • 自动更新:支持自动检测更新,一键升级
  • 文件关联:支持 .drawio 文件关联,双击直接打开
  • 命令行支持:支持命令行批量转换格式
  • 深色模式:支持深色 / 浅色主题切换
  • 插件系统:支持第三方插件扩展功能

6. 在线网页版特色

  • 无需安装:浏览器直接打开使用,无需下载安装
  • 实时协作:多人同时编辑,实时看到对方修改
  • 评论功能:在图形上添加评论,团队沟通
  • 模板库:丰富的在线模板,一键使用
  • 集成插件:支持 Confluence、Jira、Notion 等平台集成
  • 分享链接:生成分享链接,他人可查看或编辑
  • 嵌入网页:生成嵌入代码,嵌入到自己的网站
  • 自适应色彩:v30.0 新增,与网页版保持一致的色彩方案

7. 模板与示例

  • 内置丰富的模板库:流程图模板、思维导图模板、UML 模板、网络拓扑模板等
  • 在线模板社区:用户分享的海量模板,可直接使用
  • 支持自定义模板:将自己的图表保存为模板,重复使用
  • 模板分类清晰,按用途、行业、类型分类
  • 支持模板搜索,快速找到需要的模板

8. 高级功能

  • 数学公式:支持 LaTeX 数学公式输入
  • 表格:支持插入表格,自定义行列
  • 图标库:内置大量图标,支持 Font Awesome
  • 剪贴画:内置剪贴画库,丰富图表内容
  • 主题样式:多种预设主题,一键切换整体风格
  • 自定义样式:自定义默认字体、颜色、线条样式
  • 快捷键:丰富的快捷键,提升操作效率
  • 搜索替换:文本搜索和替换功能
  • 拼写检查:内置拼写检查,支持多语言

软件特色

  • 完全开源免费:源代码完全公开,永久免费,无广告,无功能限制,无水印
  • 双版本选择:桌面离线版(保护隐私)+ 在线网页版(多端同步协作)
  • 功能强大:支持数十种图表类型,满足各种绘图需求
  • 操作简单:拖拽式操作,界面直观,新手也能快速上手
  • 跨平台:Windows、macOS、Linux、网页版,全平台覆盖
  • 云存储丰富:支持 OneDrive、GitHub、Google Drive、Dropbox 等主流云存储
  • 导出格式多:PNG、JPG、SVG、PDF、VSDX、HTML 等多种格式
  • 团队协作:在线版支持多人实时协作,评论,版本历史
  • 持续更新:活跃的开源社区,版本更新频繁,v30.0 主版本更新
  • 插件生态:支持第三方插件,可扩展各种功能
  • 隐私安全:桌面版完全离线运行,数据保存在本地,不上传服务器

适用人群

程序员 / 开发者

  • 绘制系统架构图、技术方案图
  • UML 类图、时序图、用例图设计
  • 数据库 ER 图设计
  • 算法流程图绘制
  • 代码模块关系图
  • API 接口流程图
  • GitHub 保存项目,版本控制

产品经理

  • 产品功能流程图
  • 用户旅程图
  • 业务流程图
  • 需求分析图
  • 产品架构图
  • 原型示意图
  • 团队协作,实时编辑

运维工程师

  • 网络拓扑图
  • 服务器架构图
  • 机房布局图
  • 云架构图(AWS/Azure/ 阿里云)
  • 监控告警流程图
  • 部署发布流程图
  • 故障处理流程图

教师 / 学生

  • 教学课件流程图
  • 知识结构图
  • 思维导图
  • 实验流程图
  • 论文技术路线图
  • 组织架构图
  • 免费使用,无需付费

企业管理者

  • 组织结构图
  • 业务流程图
  • 项目甘特图
  • 决策树
  • 风险评估图
  • 质量控制流程图
  • 团队协作,多人编辑

设计师

  • 设计流程图
  • 信息架构图
  • 线框图
  • 用户流程图
  • 设计规范图
  • 图标库丰富
  • 导出高清 SVG/PNG

系统要求

桌面离线版:

  • 操作系统:Windows 10/11(64 位)、macOS 10.15+、Linux(Ubuntu 18.04 + 等)
  • 处理器:1GHz 及以上处理器
  • 内存:512MB 及以上(推荐 2GB 以上)
  • 硬盘空间:200MB 可用空间
  • 网络:离线使用无需网络,云存储同步需要网络
  • 运行环境:内置 Electron 运行时,无需额外安装

在线网页版:

  • 浏览器:Chrome、Edge、Firefox、Safari 等现代浏览器
  • 网络:需要稳定的网络连接
  • 账号:云存储保存需要对应平台账号,本地使用无需账号

使用教程

快速制作流程图步骤:

  1. 打开 draw.io 桌面版或访问在线版 https://app.diagrams.net
  2. 选择保存位置(本地设备 / OneDrive / GitHub / Google Drive)
  3. 选择图表类型(空白图 / 流程图 / 思维导图 / UML 等)或选择模板
  4. 从左侧图形库拖拽图形到画布
  5. 使用连接线连接各个图形,选择合适的箭头样式
  6. 双击图形编辑文本内容,设置字体、颜色、大小
  7. 使用工具栏调整对齐、分布、层级
  8. 可添加多个页面,管理复杂图表
  9. 完成后点击 “文件”→”导出为”,选择 PNG/JPG/SVG/PDF 等格式导出
  10. 或直接保存为.drawio 源文件,方便后续编辑

GitHub 保存与协作步骤:

  1. 在线版点击 “文件”→”保存为”→”GitHub”
  2. 授权 draw.io 访问你的 GitHub 账号
  3. 选择仓库、分支、保存路径和文件名
  4. 点击保存,文件会提交到 GitHub 仓库
  5. 后续编辑后保存会自动提交新版本
  6. 可在 GitHub 查看版本历史,进行版本对比和回滚
  7. 团队成员可克隆仓库,共同编辑图表
  8. 支持 Pull Request 方式协作,审核后合并

桌面版离线使用步骤:

  1. 下载并安装 draw.io 桌面版
  2. 双击运行软件,无需联网即可使用
  3. 点击 “文件”→”新建” 创建新图表,或 “打开” 打开已有文件
  4. 所有数据保存在本地,不上传任何服务器
  5. 编辑完成后保存为.drawio 文件到本地
  6. 可导出为 PNG/JPG/SVG/PDF 等格式
  7. 适合处理敏感数据、涉密图表,保护隐私安全

思维导图制作步骤:

  1. 新建空白图表,选择 “思维导图” 模板
  2. 中心主题自动生成,双击编辑中心主题
  3. 按 Tab 键添加子主题,按 Enter 键添加同级主题
  4. 拖拽调整主题位置和层级关系
  5. 可设置不同分支的颜色和样式
  6. 支持添加图标、标签、备注
  7. 可一键展开 / 折叠分支
  8. 导出为图片或 PDF,或保存为源文件

更新日志

v30.0(最新主版本)

  • 主版本更新:全新安装将默认启用自适应色彩(与网页版 draw.io 保持一致)
  • 升级安装则保留原有简洁模式,可通过 “额外功能 → 配置” 进行修改
  • Windows 签名证书已变更(详情见 GitHub 讨论 #2415)
  • 使用 Electron 42.0.1 内核,性能更稳定,启动更快速
  • 升级至 draw.io 核心 30.0.0 版本
  • 修复多个已知 bug(#2411、#2236、#2404)
  • 优化图形渲染性能,大图表编辑更流畅
  • 更新内置图形库和模板
  • 提升云存储同步稳定性

常见问题

Q:draw.io 收费吗? A:完全免费,开源软件,所有功能无限制使用,无广告,无水印,无付费高级版。桌面版和在线版均完全免费。

Q:桌面版和在线版有什么区别? A:功能基本一致,主要区别:

  • 桌面版:完全离线运行,数据保存在本地,保护隐私,适合处理敏感数据;需要下载安装;支持命令行批量转换
  • 在线版:无需安装,浏览器直接使用;支持多人实时协作;支持云存储多端同步;需要网络连接

Q:支持 Visio 文件吗? A:支持导入和导出 VSDX 格式(Visio 2013 + 格式),可以打开和编辑 Visio 文件,也可以导出为 Visio 格式。但旧版 VSD 格式(Visio 2010 及以前)支持有限。

Q:云存储保存安全吗? A:draw.io 本身不存储你的文件,所有文件直接保存到你选择的云存储平台(OneDrive/GitHub/Google Drive 等),数据安全由对应平台保障。桌面版完全离线,数据保存在本地,最安全。

Q:可以多人协作吗? A:在线版支持多人实时协作编辑,所有人的修改实时同步,还可以添加评论。需要将文件保存在支持协作的云存储(如 Google Drive、OneDrive)。桌面版不支持实时协作,但可以通过 GitHub 等版本控制工具进行异步协作。

Q:导出的图片有水印吗? A:完全没有水印,所有导出格式(PNG/JPG/SVG/PDF 等)均无水印,可自由使用。

Q:支持中文吗? A:完美支持中文界面和中文文本输入,内置简体中文语言包。图形库中的文字也支持中文显示。

Q:如何切换自适应色彩 / 简洁模式? A:v30.0 版本,全新安装默认启用自适应色彩,升级安装保留简洁模式。可通过菜单 “额外功能 → 配置” 进行修改,选择喜欢的色彩方案。

Q:开源地址在哪里? A:桌面版开源地址:https://github.com/jgraph/drawio-desktop 核心库开源地址:https://github.com/jgraph/drawio 在线版地址:https://app.diagrams.net

资源下载中心

优质源码 · 精选素材 · 安全下载

🎁 免费下载

draw.io v30.0 开源免费流程图制作工具 桌面离线版 / 在线版 支持 GitHub/OneDrive 保存

编号 #89 2026-07-08 1.9w 浏览
资源详细信息
文件大小
129.4M