news 2026/8/30 13:16:26

draw.io 桌面版完整指南:免费离线绘图,3 条命令批量导出流程图

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
draw.io 桌面版完整指南:免费离线绘图,3 条命令批量导出流程图

draw.io 桌面版完整指南:免费离线绘图,3 条命令批量导出流程图

【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop

当架构评审材料不允许上传任何云盘、评审人却在催你 10 分钟内交出流程图时,draw.io-desktop 是最省心的选择:它把 draw.io 核心编辑器封装成 Electron 桌面应用,Apache 2.0 免费许可,图表数据从创建到导出全程留在本机。

draw.io 桌面版能力速览:离线绘图、批量导出、自动布局

能力一句话说明典型场景
完全离线安全架构CSP 禁止远程 JS,图表数据不出本机敏感架构图评审
命令行批量导出draw.io/vsdx/csv/Mermaid 一次转为 pdf、png、svg、jpeg、xml、html周报批量出图
自动布局引擎--layout支持 verticalFlow、elkLayered 等预设手画的乱图一键理顺
跨平台Windows、macOS、Linux 体验一致混合操作系统团队协作
免费可魔改Apache 2.0,允许 fork 后自建个人版本嵌入团队品牌与默认模板

表格里每一项后面都有对应的操作,先从源码把它跑起来。

从源码到第一张图:3 步跑通

获取源码。核心编辑器是一个 git 子模块,clone 时必须带上--recursive,否则构建必挂:

git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop

首次运行。装依赖后一条命令启动,要求 Node 22.12 以上:

npm install npm start

不想构建的话,也可以直接从官方 Releases 页面下载 Windows、macOS、Linux 的预编译安装包,双击安装即可。首次启动后就是下图这个界面:左侧是支持搜索的形状库,中间是网格画布,右侧是视图选项,顶部是工具栏。

布局和你熟悉的在线版一致:从左侧形状库把形状拖到画布,双击形状写文字,File → Save As 存成.drawio.xml文件。

产出第一个成果。选中画好的内容,File → Export as 选择 PNG,图片在本地直接生成——没有任何数据经过网络,这就是完全离线工具的样子。

实战:一行命令批量导出整个 diagrams 目录

图画多了之后,真正的痛点是导出:周报要用图、设计师要交接,逐个打开导出不现实。所有 CLI 参数都定义在src/main/args.js,你只要加--export

drawio --export --format png --border 10 diagrams/

目录作为输入时,里面所有.drawio文件会被一次转换完,加--recursive还能递归子目录;命令执行时逐文件打印输出路径,跑完后每个源文件旁边就是对应的.png。除了.drawio.mmd/.mermaid、vsdx、csv 文件也能直接传进去,老 Visio 图和代码即图表文本不用打开应用就能转。

只导一个文件时,短格式更顺手:

drawio -x -f png -o flow.png order-flow.drawio

4 个效率技巧:断网部署、透明背景、自动布局

💻 隔离环境彻底断网。自动更新是应用唯一的出站连接,隔离部署时设环境变量DRAWIO_DISABLE_UPDATE=true,或启动时加--disable-update,之后应用不再发起任何外部请求,安全团队抓包即可验证。

⚡ 贴 PPT 用透明背景。导出的图底色太实,给导出命令加一个-t

drawio -x -t -f png order.drawio

导出的 PNG 是透明底,放到彩色页面上不会留白边。

🗂 乱图一行代码排版。图是几年里攒出来的补丁货,别手动挪框,直接跑自动布局:

drawio -x -f png --layout verticalFlow messy.drawio

预设还有 horizontalTree、radialTree、organic 等,也能传elkLayered这类 JSON 控制布局方向和层级。

🔧 个人 fork 定制版(进阶)。想在官方应用里嵌入团队品牌和默认模板,fork 后构建时设DRAWIO_UNSIGNED=true,再用npm run sync -- disableUpdate阻止自动更新把你的改动覆盖回去,完整流程见doc/BUILDING_FOR_PERSONAL_USE.md

高频疑问:免费吗、存哪里、构建失败

draw.io 桌面版商用免费吗?免费。Apache 2.0 许可,不改代码的话任何用途都可以用,没有订阅费。

我的图表存在哪里?你保存的文件在你自己选定的目录,应用缓存和设置存在 macOS 的~/Library/Application Support/draw.io、Windows 的%APPDATA%\draw.io\,均不会发送到任何服务器。

clone 下来构建就失败怎么办?多数是 clone 时漏了--recursivedrawio子模块没拉下来,补一句git submodule update --init即可,同时确认 Node 版本 22.12 以上。

能向官方仓库提代码吗?项目对外封闭贡献,但 Apache 2.0 许可允许你 fork 后为自己构建使用,官方文档专门写了这条路径。

资源导航

  • src/main/electron.js — 主进程入口:窗口、菜单、自动更新
  • src/main/args.js — CLI 参数定义,所有--export选项的出处
  • doc/BUILDING_FOR_PERSONAL_USE.md — 个人 fork 无签名构建完整指南

下次评审会再催你 10 分钟出图时,跑一遍导出命令把 PNG 递过去就行,图表数据没有离开过你的机器。

【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

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

算法实验日常巡检的检查顺序

算法实验日常巡检的检查顺序算法训练与推理集群的巡检,先确认任务是否按预期推进,再检查资源、数据和依赖。仅看某一时刻的 GPU 利用率或日志条数,无法说明系统健康;指标需要与任务版本、输入分布、并发和时间窗口一起解释。巡检输…

作者头像 李华
网站建设 2026/8/30 13:14:38

代理团队协作实战:5 步从零搭好多 Claude 会话工作流

代理团队协作实战:5 步从零搭好多 Claude 会话工作流 【免费下载链接】claude-code-best-practice from vibe coding to agentic engineering - practice makes claude perfect 项目地址: https://gitcode.com/GitHub_Trending/cl/claude-code-best-practice …

作者头像 李华
网站建设 2026/8/30 13:09:07

基于LSTM的共享单车需求预测与调度策略实战

简介:本资源是一套完整的共享单车时空需求预测与智能调度解决方案源代码,面向计算机、人工智能、数据科学等相关专业的本科生及课程设计、毕业设计实践者,聚焦城市短途出行场景下的动态供需建模与优化调度问题。压缩包共32个文件,…

作者头像 李华
网站建设 2026/8/30 13:04:37

Google不需要LLM王冠:从Transformer到JAX的工程化优势

在 LLM 竞争白热化的 2025 年,讨论“Google doesnt need the LLM crown”这个话题,似乎有些反直觉。毕竟 OpenAI 的 GPT 系列、Anthropic 的 Claude 系列,以及开源社区的 Llama、Qwen 等模型,已经在媒体声量和实际应用中占据了大量…

作者头像 李华
网站建设 2026/8/30 13:04:23

CodeWhale Web客户端:codewhale web浏览器操作终端Agent完整教程

CodeWhale Web客户端:codewhale web浏览器操作终端Agent完整教程 【免费下载链接】CodeWhale Open-source coding agent for your terminal, built in Rust and on a journey of continuous community improvement. Issues and PRs welcome. 项目地址: https://gi…

作者头像 李华
网站建设 2026/8/30 12:59:47

AI应用可观测性实战:从Determinism到Instrumentation的工程化之路

当一个客服机器人刚上线时,你收到用户投诉:“它明明两天前回答得很好,今天同样的问法,结果完全跑偏了。”于是你尝试复现,但用同样的提示词试了三次,三次答案都不一样。你开始怀疑是模型升级、上下文被污染…

作者头像 李华