draw.io 桌面版使用指南：3 分钟画出第一张流程图，6 种格式一键批量导出

draw.io 桌面版使用指南3 分钟画出第一张流程图6 种格式一键批量导出【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop如果你需要一张免费的流程图工具又不想把图纸传到别人的服务器上draw.io 桌面版就是为这个需求而生的官方基于 Electron 打包的本地画图应用Windows、macOS、Linux 三个平台界面一致Apache-2.0 许可个人和公司都能免费商用所有图表数据只留在你自己的电脑上。全文按「装好 → 出第一张图 → 玩熟命令行 → 团队铺开」的顺序展开预计 15 分钟读完读完即可上手。文章结构先说清楚前 10 分钟你只需要读「快速上手」和「高频实战」两节就能开始干活「进阶玩法」和「团队落地」留给需要批量出图和多人协作的场景最后的 FAQ 覆盖了大多数人会踩的 4 个坑。快速上手3 分钟装好画出第一张流程图结论先给绝大多数人不需要碰命令行挑一个安装包双击3 分钟就能画出第一张图。三个平台的最快安装路径Windows官网发布 3 种形态。.exe安装版装进 Program Files需要管理员权限.msi装到当前用户目录没有管理员权限就选这个-no-installer.exe免安装版解压即跑适合 U 盘带着走macOS.dmg挂载后拖进「应用程序」Gatekeeper 直接放行官方包已签名LinuxAppImage、deb、rpm、snap 四件套任选AppImage 加执行权限就能跑标准化环境推荐 deb/rpm 走包管理器官方安装包全部带签名系统不会拦你。从源码自建则没有签名会有安全提示——怎么处理见文末 FAQ。第一次打开三分钟出图启动后界面分四块左侧形状库顶部搜索框可按名字直接搜形状、中间网格画布、右侧属性面板改文字、颜色、尺寸、底部多页签。出第一张图只需要 4 步从左侧 General 分类把矩形、菱形拖进画布双击形状输入文字在顶部工具栏选连接线在两个形状之间拖出箭头「文件 → 导出为」选 PNG 或 PDF或直接存成.drawio文件到这里你已经会用它了。后面几节都是让你用得更快。选做从源码跑最新代码想跑最新提交或者改点东西四行命令搞定git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start两个注意点--recursive不能省——核心编辑器是 git 子模块漏了它构建直接失败本机需要 Node.js 22.12 及以上。完整的个人构建与签名说明在 doc/BUILDING_FOR_PERSONAL_USE.md。能力全景4 种输入、6 种输出数据不出本机先给底数它能打开4 类输入能导出6 种格式全程数据不离开本机。支持范围比大多数人以为的宽——它不只能画流程图还是个能把 Visio 老文件和 Mermaid 代码「洗」成可编辑图表的工具。4 种输入能直接打开并继续编辑的格式输入格式说明原生图表.drawio本质是 XML三平台通用可进版本库Visio.vsdx形状与连线保留老文件免重画数据表.csv表格数据直接生成图表节点Mermaid.mmd/.mermaid代码渲染成可编辑图表6 种输出一张图导成任何用途PDF-f pdf——命令行导出的默认格式打印和正式分发PNG-f png——贴网页、文档、PPT 最常用SVG-f svg——矢量无损缩放字体默认内嵌JPEG-f jpeg——通用位图文件比 PNG 小XML-f xml——结构化数据喂给下游程序HTML-f html——生成可交互查看的网页支持缩放、图层切换全部参数定义都在 src/main/args.js 里想查任何冷门参数直接翻源码。数据与网络它什么时候联网应用只在启动检查更新时访问网络图表内容本身从不外发也没有任何使用统计上报公司内网或合规环境要彻底离线两个开关任选启动参数--disable-update或环境变量DRAWIO_DISABLE_UPDATEtrue本地配置与缓存macOS 在~/Library/Application Support/draw.ioWindows 在%AppData%\draw.io\一个例外要知道图表内可以引用外部图片、字体等 URL打开来路不明的图表时应用会向那些地址发起请求以正常渲染——图表内容不会发出去但元数据如 IP可能暴露给对方4 个高频实战每张图 3 步出活挑 4 个覆盖最典型的用法每个都按「画什么 → 怎么画 → 导出去哪」讲。会议纪要变流程图画什么业务流程、SOP 手册、新人上手路径、故障排查顺序怎么画General 分类拖形状连线工具连箭头画乱了别手工挪进阶一节里--layout verticalFlow一条命令自动摆正导出去哪PDF 发正式文档PNG 贴进周报和 PPT数据表变图表画什么从 Excel 导出的.csv比如各系统依赖清单、里程碑列表怎么画文件 → 导入选 CSV数据直接长成节点免去手动画一排框导出去哪PNG 进汇报材料需要程序处理就导 XMLVisio 老文件续命画什么部门共享盘里积年累月的.vsdx怎么画直接打开或导入形状和连线都保留改完就存.drawio从此脱离 Visio导出去哪SVG 嵌网页不失真或 PDF 归档用代码写架构图画什么系统分层、部署拓扑、模块依赖怎么画写一个 Mermaid 语法的.mmd文件draw.io 打开即渲染成可编辑图表图随文档进版本库改图走代码评审导出去哪HTML 生成带缩放控件的交互页发给干系人PNG 贴设计评审这一节的价值在于你的图从此可以像代码一样被版本管理、被 diff、被复现。进阶玩法把命令行变成批量出图工厂结论先给命令行不需要界面一条命令就能把整个目录的图导完——这是 drawio 桌面版相对图形工具最锋利的差异点。最常用的两条导出命令# 单文件导出为 PNG drawio -x -f png flow.drawio # 递归导出整个目录含子文件夹为 PDF drawio -x -r -f pdf diagrams/自动布局画乱了一个参数摆正--layout在打开文件后、导出前自动执行排版算法内置 6 种预设verticalFlow、horizontalFlow、verticalTree、horizontalTree、radialTree、organic。比如让一张横向流程图在导出前自动对齐drawio -x -f png --layout horizontalFlow flow.drawio也支持传入自定义布局 JSON 序列和界面里的 Layout 对话框同一套配置。8 个高频参数速查参数作用-f输出格式缺省为pdf-o指定输出文件或目录缺省用输入文件名-r文件夹输入时递归处理子目录-k目标文件已存在时跳过不覆盖-p选择页码从 1 开始-b/-s边距宽度 / 整体缩放-tPNG、SVG 透明背景-e把图表源数据嵌入导出件双击还能打开编辑接进脚本和 CI把-x -k -f png挂到定时任务或 CI 流水线上就是零成本的文档图自动化源码改了图跟着重导还不会覆盖人工修过的产物。离线机器上记得带上--disable-update避免检查更新拖慢无头执行。团队落地一笔迁移成本账先给结论从按人订阅的商业绘图工具迁过来成本只有三笔——许可费归零、新人半天上手、文件直接带走。对多数团队这笔账在第一个季度就算平了。和按人订阅的商业工具对比对比项商业订阅工具draw.io 桌面版许可成本按人按年Apache-2.0免费商用、可修改、可再分发平台覆盖多为单平台 网页版Windows / macOS / Linux 体验一致数据位置云端同步为主本地文件永不离开本机输入兼容自有格式为主.drawio/.vsdx/.csv/.mmd直接开批量导出逐文件手工命令行一条命令扫完目录关键事实速览当前版本 31.4.2见 package.jsonElectron 44 外壳源码完整开放从源码构建需要 Node.js 22.12自建版本无签名设DRAWIO_UNSIGNEDtrue跳过签名流程打包步骤全在 doc/BUILDING_FOR_PERSONAL_USE.md团队推开的三步先拿 5~10 张高频图流程、架构、拓扑统一换到.drawio存量.vsdx直接导入不推倒重来图随代码和文档进仓库发布产物用命令行批量导出图和版本天然对齐内网机器发免安装版或源码构建版统一加--disable-update更新改走内部渠道FAQ问得最多的 4 个问题Q更新了版本打开应用发现界面还是旧的A同一用户只允许一个运行实例新进程只是在旧进程里开了个窗口。彻底退出已运行的 draw.io确认进程列表里没有残留再启动新版本。Q命令行导出来的为什么是 PDF我想要 PNGA导出格式默认就是pdf。显式加-f png即可输出文件扩展名已指定时格式以扩展名为准。Q自己构建的版本系统一直提示「未识别的开发者」A个人构建没有代码签名官方安装包才有——这是预期行为不是病毒。日常使用选官方包坚持自建就手动放行macOS 迁移到别的机器后可能还需要清一次隔离标记xattr -cr。Q自动更新一直停在旧版本动不了A更新通道暂时不可达。按应用内提示去官网手动下载最新安装包覆盖安装离线环境直接用--disable-update关闭检查走内部分发。最后三步启动清单装好对应系统的官方包3 分钟或git clone --recursivenpm start跑源码从形状库拖 3 个形状进画布连上线存成.drawio终端里敲drawio -x -f png 你的图.drawio把 PNG 发给同事今天就把安装包拉下来——10 分钟后你的第一张流程图就能发出去。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考