draw.io 桌面版:本地画流程图与 UML,免费完整
【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop
drawio-desktop 是免费的 draw.io 桌面版,用 Electron 外壳包起了完整的 draw.io 编辑器。全程本地运行:不用注册,不依赖网络。它解决三件事:快速画流程图与 UML、敏感架构图离线保存、旧 Visio 文件转换。适合个人用户,也适合数据不能出内网的团队。
draw.io 桌面版适合在哪些场合用
📄 十分钟给老板看一张流程图
用 PPT 画流程,每个矩形都要手动对齐。在线画图工具要先注册账号,文件还放在别人服务器上。桌面版打开就能画:左侧是形状库,矩形、菱形直接拖进画布,一条简单的审批流 10 分钟就能完成。连接线拖出来,箭头会自动吸附到形状边缘,画完导出 PNG 就能发群里。
🔌 不联网画内网拓扑图
图里涉及内部系统、服务器名称、安全分区时,传去在线服务有风险。这个应用在设计上就与互联网隔离:JavaScript 全部打包在内部,内容安全策略直接禁止加载远程脚本。除启动时的更新检查外,它不向外发送任何数据。把更新检查也关掉后,就是纯离线状态。
📂 如何导入 Visio 文件
很多公司还存着旧 .vsdx 文件,重画费劲,没装 Visio 又打不开。draw.io 支持直接导入 Visio 文件:专业形状会转成对应的 draw.io 形状,字体、颜色等文本格式保留,动态连接和图层结构也维持原样。导入后在桌面版里继续本地编辑,不用再装 Visio。
draw.io 桌面版工作流:从新建到导出
🆕 新建一张图,找形状
新建文档后,先熟悉左侧 3 个区域:顶部搜索框、中部 Scratchpad 暂存区、底部形状分类。
- 按关键词搜索:在顶部 Search Shapes 输入关键词过滤,比逐类翻找快
- Scratchpad 试摆:候选形状先拖进暂存区比划,定好的再拖到画布
- More Shapes 展开:底部点击可展开网络、数据库、UML 等更多分类
🎛️ 微调网格、页面与样式
右侧面板是 Diagram 设置:勾选 Grid 并把间距设为 10 pt,元素对齐会稳定很多;Paper Size 默认 US-Letter,可切纵向或横向。
- Ctrl+G / Ctrl+Shift+G:组合与取消组合,先把模块合成整体,再排大框架
- Ctrl+Z / Ctrl+Y:撤销与重做,本地画布不心疼,尽管按
📤 如何配置 PNG/PDF 导出参数
File 菜单里选 Export,可选 3 种格式:PNG、PDF、SVG。打印要文字清晰就选 PDF,贴进文档要小体积就选 PNG;还要继续改的话,把原始 .drawio 文件存好,需要时再导出,编辑能力不丢。
部署与日常使用的坑
⚠️ 安装与构建常见问题
npm install 失败→ Node 版本太旧。项目要求 Node 22.12 以上,先用node -v检查,升级后重试,也可先清 npm 缓存。
没有管理员权限装不上→ NSIS 版装到 Program Files,需要管理员。换 MSI 版(按用户安装,免管理员),或用免安装的便携版。
克隆仓库后缺少编辑器→ 核心编辑器是 git 子模块,必须递归克隆:
git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start配置文件存在哪→ 应用本地存储位置固定:macOS 在~/Library/Application Support/draw.io,Windows 在C:\Users\<用户名>\AppData\Roaming\draw.io\。
⚙️ 离线部署配置与技术栈
启动时应用访问网络→ 那是更新检查,启动时拉一次最新版本号。集中部署时设置DRAWIO_DISABLE_UPDATE=true,或启动时加--disable-update。
打开外部文件会触发外发请求→ 已知边界:图表可以嵌入来自 URL 的图片、背景或字体,打开文件时会向对应地址发请求以正常渲染。图表内容本身不会外发,但请求可能把你的 IP 暴露给那台服务器。只打开可信来源的文件。
技术栈一句话:Electron 加 JavaScript,主进程管窗口、菜单与自动更新,核心编辑器以 git 子模块引入,打包交给 electron-builder,各平台有独立构建配置。更多细节见官方文档。
先去项目 Releases 页面选对应系统的安装包,或直接拿便携版试用。想自己改代码,参考个人构建指南。官方项目不接受外部 PR,但允许你 fork 后构建自己的版本。
【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考