news 2026/9/8 3:53:02

draw.io 桌面版:本地画流程图与 UML,免费完整

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
draw.io 桌面版:本地画流程图与 UML,免费完整

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),仅供参考

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/9/8 3:53:01

Motion Matching:当游戏角色学会“即兴演奏“

开篇:一个侦探的思维实验 想象你是一位福尔摩斯式的侦探,面前摆放着一百万张照片——每一张都记录着某个真人在某个瞬间的完整身体姿态:手臂的角度、腿部的弯曲、身体的朝向、移动的速度。 现在,你看着眼前这个游戏角色,问自己两个问题: “这个角色现在的姿势,最像照片…

作者头像 李华
网站建设 2026/9/7 1:30:56

Claude会话额度监控:用Python+rumps打造菜单栏状态工具

Claude 会话额度和 reset 时间是很多重度使用者的共同焦虑。连续对话一长&#xff0c;心里总会犯嘀咕&#xff1a;当前会话还能撑多久&#xff0c;是刚过 reset 不久、额度充足&#xff0c;还是已经用掉大半个窗口&#xff0c;再问几个问题就可能被限流。Claude Pacer 解决的就…

作者头像 李华
网站建设 2026/9/6 7:18:15

车联网软件工程师笔试核心考点与备考策略解析

车联网软件工程师笔试的核心逻辑&#xff1a;先搞清楚出题人想看什么 小鹏汽车车联网软件工程师、春招笔试题、互联网中心&#xff0c;这几个关键词组合在一起&#xff0c;很多人的第一反应可能是&#xff1a;新能源车企的技术笔试会不会很玄&#xff1f;会不会上来就考一堆自动…

作者头像 李华
网站建设 2026/9/6 14:12:08

Paperless-ngx 多语言部署:5 个变量搞定中英日文档识别

Paperless-ngx 多语言部署&#xff1a;5 个变量搞定中英日文档识别 【免费下载链接】paperless-ngx A community-supported supercharged document management system: scan, index and archive all your documents 项目地址: https://gitcode.com/GitHub_Trending/pa/paperl…

作者头像 李华
网站建设 2026/9/6 8:37:20

dcg MCP服务器使用指南:把扫描能力暴露给你的LLM代理

dcg MCP服务器使用指南&#xff1a;把扫描能力暴露给你的LLM代理 【免费下载链接】destructive_command_guard The Destructive Command Guard (dcg) is for blocking dangerous git and shell commands from being executed by agents. 项目地址: https://gitcode.com/GitHu…

作者头像 李华