好的，draw.io（现已正式更名为 Diagrams.net）是一款完全免费、开源、跨平台的专业图表绘制工具。它凭借其强大的功能和零成本的优势，已成为 Microsoft Visio 最受欢迎的替代品之一。

这份指南将为您系统梳理 draw.io 的核心功能、使用技巧和最佳实践。

理解 draw.io 的定位 - 图表的“自由创作者”

• 核心定位：一款基于 Web 技术的跨平台图表绘制工具。
• 核心价值：
1. 完全免费与开源：这是其最大优势。无订阅费、无水印、无功能限制，且代码开源，安全性高。
2. 跨平台与云端同步：支持浏览器在线使用，也有桌面版（Windows, macOS, Linux）。文件可保存到 Google Drive, OneDrive, Dropbox, GitHub 或本地。
3. 丰富的图形库：内置了海量的图形库，涵盖网络设备、办公布局、软件开发、流程管理等数十个领域。
4. 界面直观：操作逻辑与 Visio 类似，极易上手，学习成本低。
• 与 Microsoft Visio 的比较：
• Microsoft Visio：行业标准，功能极其强大，适合处理超大型、复杂的专业图表，但价格昂贵，且对 Mac/Linux 支持不佳。
• draw.io：最佳免费替代品，能满足 90% 的日常图表绘制需求，启动快，协作方便，性价比极高。

简单比喻：

• 用 Visio 像在专业的工程制图室里工作，工具最全，但门槛稍高。
• 用 draw.io 像随身携带一个万能的智能白板，随时随地都能开始画图，简单高效。

认识核心界面

draw.io 的界面干净整洁，逻辑清晰，所有功能都触手可及。

1. 菜单栏：顶部，包含文件、编辑、视图、排列、扩展等核心命令。
2. 左侧图形库：核心资源区。这里分类存放了所有可用的图形。你可以通过搜索框快速查找特定图形（如“Router”、“Server”）。
3. 绘图区：中央最大的网格区域，是你的主要工作区。
4. 右侧格式面板：选中图形后，这里会显示其样式、文本、排列等属性，可以快速调整颜色、线条、字体等。
5. 底部状态栏：显示页面缩放、网格开关等信息。

核心工作流程与使用技巧

1. 开始使用

• 在线版：访问 https://app.diagrams.net，选择存储位置（如 Device 存本地）即可开始。
• 桌面版：下载并安装桌面版，体验更流畅，支持离线工作。

2. 绘制基本图形

• 拖拽：直接从左侧图形库中，将需要的图形拖到绘图区。
• 连接：鼠标悬停在图形边缘，会出现蓝色的连接点，拖动即可生成连接线。连接线是智能的，移动图形时连接线会自动跟随。
• 快速编辑：双击图形即可输入文字。

3. 高效排版技巧

• 自动对齐：选中多个图形，点击顶部工具栏的对齐按钮（左对齐、居中对齐、等距分布等），让图表瞬间整洁。
• 样式刷：设置好一个图形的样式（如颜色、边框），选中它，点击顶部工具栏的“格式刷”，再点击其他图形，即可快速应用相同样式。
• 组合：选中多个图形，按 Ctrl+G 组合，方便整体移动和复制。

4. 使用容器（Container）

• 容器是 draw.io 的一个强大功能，类似于“分组”，但更智能。
• 当移动容器时，里面的所有图形和连接线会一起移动，且连接线不会断开。
• 非常适合用于绘制泳道图、系统架构图中的模块。

5. 导入与导出

• 导入：支持导入 .vsdx (Visio), .vssx (Visio模板), .gliffy 等格式。
• 导出：可以导出为 PNG, JPG, PDF, SVG, HTML 等多种格式。导出 PNG 时，可以设置“透明背景”，方便插入到 PPT 或文档中。

新手实战案例 - 绘制一个简单的网络拓扑图

目标：绘制一个包含路由器、交换机和两台PC的小型网络图。

1. 选择图形库：
• 在左侧搜索框输入“Router”，将路由器图形拖入绘图区。
• 输入“Switch”，拖入交换机。
• 输入“Workstation”，拖入两台PC。
2. 连接设备：
• 鼠标悬停在路由器边缘，拖动连接线到交换机。
• 从交换机拖动连接线到两台PC。
3. 添加标签：
• 双击连接线，输入标签文字（如“GigabitEthernet 0/1”）。
4. 美化排版：
• 选中所有图形，使用“水平居中”和“垂直分布”工具，让布局整齐。
• 选中路由器，在右侧格式面板中修改填充颜色（如蓝色），使其突出。
5. 导出：
• 点击“文件” -> “导出为” -> “PNG”，勾选“透明背景”，保存图片。

高级功能与学习资源

1. 插件与扩展

• Mermaid 集成：draw.io 支持 Mermaid 语法，可以直接输入代码生成流程图、时序图。
• PlantUML 集成：支持通过 PlantUML 代码生成 UML 图。

draw.io (Diagrams.net) 是一款不可多得的良心神器。它完美平衡了功能强大与简单易用，且完全免费。

• 适合人群：学生、程序员、产品经理、网络工程师、项目经理，以及任何需要画图但不想购买昂贵软件的人。
• 核心优势：免费、跨平台、启动快、图形库全、协作方便。

希望这份指南能帮助您快速上手这款优秀的工具！