draw.io 桌面版离线绘图完整教程：从安装到导出，一篇讲清 5 件事-北京尧图网络

draw.io 桌面版离线绘图完整教程从安装到导出一篇讲清 5 件事【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop给团队写周报、准备一次评审汇报最顺手的一步就是画张流程图说清楚谁先谁后。可打开的在线绘图页要登录会议室里没有网或者公司规定数据不能出内网。这种时刻需要的是一款装在本机、断网也能正常画图的 draw.io 桌面版。它把完整的 draw.io 编辑器包进了一个免费Apache 2.0 许可的 Electron 应用里流程图、UML、架构图都能画。一分钟认识 draw.io 桌面版一句话draw.io 桌面版drawio-desktop是 draw.io 编辑器的离线安装包适合需要频繁画流程图、UML、架构图又希望数据留在本机的用户。完全离线装好之后断网照常工作图表内容保存在本地不上传、不带统计回传多格式产出工程文件存.drawio对外分享可导出 PNG、PDF、SVG 等多平台安装包Windowsx64 / 32 位 / ARM64、macOSIntel / Apple Silicon、Linux 都有对应版本装好之后整个界面就分成三块各自干一件事。装好它三种安装方式选一种先确认架构。Windows 在设置 → 系统 → 关于看系统类型macOS 点苹果菜单关于本机看芯片Linux 终端输入uname -m。拿到结果再对号下载Intel / x86_64 下默认 64 位版Apple Silicon 选 ARM64M 系列之外的 Mac 选 Intel 版。Windows 用户按权限选安装包安装包安装到哪里需要管理员文件关联...-windows-installer.exeNSISProgram Files全机生效需要自动关联.drawio....msi当前用户目录不需要自动关联.drawio...-no-installer.exe便携版免安装放哪跑哪不需要不关联Microsoft Store 版应用商店按用户安装不需要商店统一管理公司电脑没有管理员权限时MSI 和便携版都能装。便携版双击即用但双击.drawio文件不会自动唤起它需要用文件菜单打开。想自己构建编辑器核心是 git 子模块克隆必须带--recursive否则构建缺文件直接失败git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm run release-win # 产物输出到 dist/32 位 / ARM64 / Linux 见 package.json 里的其他 release 脚本构建需要 Node 22.12 以上。各平台打包参数分别写在electron-builder-win.json、electron-builder-linux-mac.json等配置文件里一般不用改。核心功能走查第一次打开就认识这三块之后基本不用找路。形状库拖拽即画搜名字最快左侧面板是形状库。顶部Search Shapes框直接敲关键词比如uml、cylinder最省时间常用矩形、菱形、圆角框都在General分组底部More Shapes...可以按领域加载更多形状库。绘图区无限画布多页面中间是主画布网格背景可以无限缩放平移。顶部工具栏从左到右依次是页面切换、缩放百分比100%可调、撤销/重做、删除、对齐和连接线工具。底部Page-1标签支持多页面复杂图按模块分页比堆在一页里好管理。属性面板一处管全局选中画布空白处右侧Diagram面板控制整页设置Grid网格、Page View、Background、ShadowOptions里的Connection Arrows连线默认箭头、Guides对齐辅助线、Autosave自动保存建议保持默认Paper Size切换页面尺寸和横竖向。界面认识完了下面用三件事把它真正用起来画一张流程图、把成果导出给别人、以及让它在内网里彻底离线。实战演练场景一从零画一张流程图输入一个审批流程开始 → 提交申请 → 是否通过 → 结束操作File → New新建从左侧General拖两个矩形、一个菱形到画布双击图形输入文字选中矩形按住边缘出现的小圆点拖到菱形上松开连线自动吸附菱形两个出口分别接不同走向产出一张结构清晰的流程图CtrlS存成.drawio文件场景二导出成 PNG / PDF 发给同事输入已完成的.drawio文件操作File菜单选导出项格式选 PNG 或 PDF在弹窗里调缩放比例和边距Background按需选是否留白产出可直接贴进文档或邮件的图片不暴露工程文件细节场景三内网机器彻底离线输入已安装但每次启动查更新的 draw.io操作启动参数加--disable-update或设环境变量DRAWIO_DISABLE_UPDATEtrueLinux/macOS 在终端exportWindows 在系统属性 → 环境变量里添加产出应用不再访问任何外部地址可放心部署到完全隔离的机器避坑清单问题原因解法双击.drawio文件没反应便携版不注册文件关联文件菜单打开或改用 NSIS / MSI 安装启动时卡在更新检查默认每次启动检查新版本用上一节的--disable-update或环境变量大图操作明显卡顿单页元素太多、阴影背景开得多关Shadow、拆多页面、删掉无用图形自己编译的版本被系统拦截个人构建未签名未设签名参数预期行为只在 SmartScreen / 隔离提示里手动放行自己构建的版本三条补充备份很简单拷走应用数据目录即可。Windows 在C:\Users\用户名\AppData\Roaming\draw.io\macOS 在~/Library/Application Support/draw.io少开大文件同时挂多个复杂图表会吃内存用完的窗口随手关掉注意外部引用如果图表里嵌了网络上的图片、背景或字体打开文件时会向对应地址发请求。来源不明的.drawio文件建议先审再开进阶入口想改应用本身窗口行为、启动参数、更新逻辑入口在 src/main/electron.js个人构建的完整流程、签名注意事项和常见问题都写在 doc/BUILDING_FOR_PERSONAL_USE.md。编辑器核心代码在drawio子模块中改完npm start就能本地跑起来验证。从下载安装包到导出一张能直接发给同事的 PNGdraw.io 桌面版到这里就全通了。下一步建一个新文件画出你今天工作里的第一张流程图。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考

draw.io 桌面版离线绘图完整教程：从安装到导出，一篇讲清 5 件事

相关推荐

Java面试题库：深度解析核心考点与高频问题

SceneSwitcher 快速上手：OBS 自动场景切换插件，一次搞定三系统安装

十分钟搞懂 macFUSE：macOS 免内核代码自建文件系统的免费保姆级攻略

更多资讯

Pathfinder人群仿真软件：原理、应用与优化技巧

AxureRP11母版交互实战：提升原型设计效率与保真度

Maven高级特性实战：继承、聚合与私服优化

C# Socket直连实战：穿透NAT与防火墙的底层原理

跨模态大模型与增量预训练如何解锁油气储层参数高效解读

UOS系统下Java版Firefox浏览器安装与配置指南

今日更新

学生选课系统DFD图绘制指南：边界划分与分层校验实战

JIRA敏捷落地：Scrum角色权限、Sprint与燃尽图避坑指南

SEMI S8人机工程验收实战：从条款拆解到现场实测的完整指南

本周精选

防幻觉智能体架构：电源硬件设计中的大模型编排与工具化实践

OpenGL面试核心考点：渲染管线、矩阵变换与性能排查全解析

全国计算机二级C语言真题PDF高效刷题指南

本月热门

我发现了一个新思路：用 Remotion + Claude Code 像写代码一样自动化生成短视频

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式：TaoToken 统一 Key 配置与验证

2026 大模型集体涨价：用 Python 做企业 Token 成本测算与选型避坑（附配置）

读完文章，想聊聊您的网站？