draw.io 桌面版完整指南:三平台免费画图,6 格式一键导出
【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop
draw.io 桌面版是官方出品的 Electron 桌面画图应用,Windows、macOS、Linux 三平台通用,个人与商业使用都免费。它能画流程图、UML、网络拓扑,支持导入 Visio 文件,还能用一条命令把整批图表导出成 6 种格式。本文 10 分钟带你装好、上手并避开常见坑。
它是什么:能力全景与适用边界
简单说,它是一个专门画图表的本地应用——免费用,图和数据都留在你自己的电脑上。
| 项目 | 值 | 对你的好处 |
|---|---|---|
| 支持平台 | Windows、macOS、Linux | 换设备不折腾,文件随手传 |
| 可打开格式 | .drawio、.vsdx、.csv、Mermaid(.mmd) | 老图不用重画,直接接着改 |
| 导出格式 | PDF、PNG、SVG、JPEG、XML、HTML 共 6 种 | 打印、贴文档、放网页全够用 |
| 数据存放 | 本地文件 + 本地缓存 | 图表不离开你的电脑,无需服务器 |
| 许可证 | Apache-2.0 | 个人商用都免费,源码可改 |
首屏分四块:左侧是可搜索的形状库,中间是网格画布,右侧是属性面板,底部是多页面标签。适合谁:需要经常画流程图、架构图、组织图的个人和团队。不适合谁:想向上游提交代码的人——项目不接受社区贡献(但你可以 fork 后为自己修改、构建)。
快速开始:最短路径安装与启动
从官方发布页下载对应系统的安装包即可,一键安装,三分钟装完:
| 系统 | 安装形态 | 操作 | 适合谁 |
|---|---|---|---|
| Windows | .exe 安装版 / .msi / 免安装版 | 双击安装;免安装版解压即跑 | 无管理员权限选 .msi 或免安装版 |
| macOS | .dmg 磁盘映像 | 挂载后拖入"应用程序" | Mac 用户 |
| Linux | AppImage / deb / rpm / snap | 加执行权限直接跑,或用包管理器装 | 团队标准化环境 |
开发者也可以从源码一键启动(需 Node.js 22.12 及以上):
git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start注意--recursive不能省:核心编辑器是 git 子模块,漏掉会构建失败。首次启动几秒后直接进入空白画布,你的第一个动作:用"文件 → 新建"建一张图,从左侧形状库拖一个矩形进画布,双击输入文字。
三条常见使用路径
📊 画流程图:10 分钟从形状到成品
从左侧形状库的 General 分类挑形状拖进画布,双击输入文字,再用连线工具把它们连起来。流程梳理、SOP 说明十分钟就能出一张。画乱了也不怕,导出前加--layout参数可自动整理版面。
📥 导入旧文件:Visio、CSV 直接续画
双击 .vsdx 文件就能打开,形状和连线都保留,接着改就行。CSV 数据和 Mermaid(.mmd)文件同样能导入成可编辑图表。效果是:手里一堆老图,不用一张一张重画,导入就是进度。
🗂️ 批量导出:draw.io 桌面版一条命令出整批图
不用在界面里逐个导出,命令行直接传一个目录进去,它会递归处理整个文件夹,全部导出成 PDF、PNG 等格式。效果是:设计文档里的一批图,3 分钟出齐图片文件。
进阶与避坑:用好且少踩雷
先上常见坑清单,3 分钟看完能少走不少弯路:
| 常见坑 | 为什么发生 | 正确做法 |
|---|---|---|
| 升级后界面没变 | 同一用户只允许一个运行实例,新进程只是在旧进程里开了窗口 | 先彻底退出旧版 draw.io 再启动新版本 |
| 导出的文件是 PDF 不是 PNG | 命令行默认导出格式就是 PDF | 显式加-f png |
| 克隆后构建失败 | 核心编辑器是 git 子模块,没被拉下来 | clone 时加--recursive |
| 个人构建被安全提示拦截 | 个人构建没有签名,官方安装包才有 | 用官方安装包;自建则手动放行 |
| 升级后一直停在旧版本 | 更新通道暂时不可达 | 手动下载安装最新官方包 |
命令行是效率的关键。安装后可以直接用drawio命令,最常用的参数:
| 参数 | 作用 | 适用场景 |
|---|---|---|
-x | 开启导出模式 | 一切命令行导出 |
-f pdf/png/svg/... | 指定格式,6 种可选,默认 pdf | 选择输出格式 |
-r | 递归处理子目录 | 批量导出整个文件夹 |
-o | 指定输出文件或文件夹 | 控制产出位置 |
--layout organic | 导出前自动整理版面 | 乱线图一键摆正 |
-p | 选第几页(从 1 开始) | 多页图只导其中一页 |
# 单文件导出为 PNG drawio -x -f png flow.drawio # 递归导出整个目录里的图表为 PDF drawio -x -r -f pdf diagrams/完整参数清单在 src/main/args.js 里,需要时查。
可信度:版本、许可与离线开关
版本与来源:当前版本 31.4.2(见 package.json),基于 Electron 44 构建,源码完整开放。许可证为 Apache-2.0:个人与商业使用免费,可修改、可再分发。
网络访问范围:应用只在启动时检查更新会访问网络,图表数据本身绝不外发,也不收集任何使用统计。如果内网或合规环境需要彻底断网,启动时加--disable-update参数,或设置环境变量DRAWIO_DISABLE_UPDATE=true(详见 README.md 的 Security 一节)。
如果你现在用的是按人按年订阅的商业绘图工具,切换的成本账只有一笔:许可费直接归零,团队有多少人省多少;学习成本约半天,新人就能独立出图;文件迁移上,.drawio 本质是 XML,还能直接导入 .vsdx、.csv、.mmd,旧资产一条命令就能搬进来。
三步开始:
- 下载对应系统的官方安装包(3 分钟),或克隆源码执行
npm start - 新建文件,从左侧形状库拖几个形状进画布,双击输入文字,用连线连起来
- 存成 .drawio 文件,或导出 PNG/PDF 直接发给同事
💰 成本彻底归零:无订阅,商用也免费 🖥️ 三平台体验一致:Windows、macOS、Linux 通用 🔒 数据留在本地:图表不离开你的电脑 ⚡ 3 分钟批量导出:一条命令处理整个目录
今天就装起来,10 分钟后你的第一张流程图就能发出去。
【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考