不用CAD也能画平面图？它能干的可不止这些！

如果你是一个不会用工程制图软件的普通人，你开了一家民宿，消防验收需要制作一张消防示意图，你能用什么画呢？这对于熟悉CAD的设计师可能不觉得有什么为难，但是你不会CAD啊。别急有个在线工具 【Drawio】 很方便，几分钟轻松搞定。
消防疏散示意图.png
其实我是在做投标文件需要画组织结构图的时候，因为受够了word里智障的图表功能，发现的这款软件的，当时只是搜到用它来画几个简单图表，一用才发现，wocal，这家伙竟然啥都能干，甚至连图纸都能画呀！

什么是 Drawio？

Drawio是一款免费、开源、跨平台的在线图表绘制工具，支持创建流程图、思维导图、UML 图、网络拓扑图、组织结构图等多种类型的可视化图表。其核心优势在于无需注册即可使用，且支持离线操作和本地存储，数据隐私性高。Drawio 还提供了桌面客户端（Windows、macOS、Linux）以及与其他平台的深度集成，使其成为个人用户、教育机构和企业团队的高效协作工具。

核心功能

1. 多平台支持

  • 在线版：直接通过浏览器访问Drawio，即可使用。
  • 桌面版：支持 Windows、macOS、Linux 系统，适合离线环境。
  • 集成版：嵌入到 VS Code、Confluence、Notion、Google Workspace 等工具中，提升工作流效率。

2. 丰富的图表类型

  • 流程图：适用于业务流程、算法逻辑设计。
  • UML 图：类图、时序图、用例图等，用于软件开发建模。
  • 网络拓扑图：绘制服务器、路由器、数据库等 IT 基础设施。
  • 思维导图：知识整理、头脑风暴。
  • 甘特图：项目管理与进度跟踪。
  • 其他：电路图、平面设计图、组织结构图等。

3. 强大的编辑工具

  • 拖拽式操作：从左侧面板拖拽形状到画布，支持快速布局。
  • 自定义形状库：可导入 SVG 或自定义图形。
  • 样式调整：修改颜色、线条、字体、阴影等属性。
  • 自动对齐与分布：一键对齐多个元素，保持图表整洁。
  • 图层管理：分层编辑复杂图表。

4. 协作与共享

  • 实时协作：通过链接邀请多人同时编辑（需存储至 Google Drive 或 OneDrive）。
  • 版本控制：自动保存历史版本，支持回滚。
  • 导出与嵌入：导出为 PNG、SVG、PDF、HTML 等格式，或生成链接嵌入网页。

5. 数据安全

  • 本地存储：默认将文件保存至本地设备，避免云端隐私风险。
  • 加密选项：支持对敏感图表进行密码保护。

使用场景

1. 软件开发与系统设计

  • UML 建模：绘制类图、时序图，帮助开发团队理解系统架构。
  • 数据库设计：通过实体关系图（ERD）设计表结构。
  • API 流程设计：可视化接口调用逻辑。

2. 企业流程管理

  • 业务流程优化：绘制跨部门流程图，识别冗余环节。
  • 项目管理：使用甘特图分配任务和跟踪进度。
  • 组织架构图：展示公司层级和岗位职责。

3. 教育与学术研究

  • 课程设计：教师用思维导图规划教学内容。
  • 论文框架：学生整理研究思路和实验流程。
  • 科学图表：绘制实验装置图或数据流程图。

4. IT 运维与网络管理

  • 网络拓扑图：记录服务器、交换机、防火墙的布局。
  • 故障排查：标注问题节点，辅助团队协作修复。

5. 个人用途

  • 旅行计划：制作行程路线图。
  • 家庭装修：设计房间布局和家具摆放。

以下是一些用Drawio制作的图示示例：
▼ AWS架构图

下载 (3).png
▼ IBM IoT 基础架构图
下载 (2).png
▼ 剧院座位图
下载 (1).png
▼ 其他示例
微信图片_2025031616331500.png

使用方法

步骤 1：访问与创建文件

  1. 浏览器打开 https://www.draw.io ，选择存储位置（本地设备、Google Drive、OneDrive 等）。
  2. 还可以选择不同的主题，包括适配手写笔的草图主题。

▼ 打开网站，提示选择存储位置，也可以在保存的时候再选择，画图过程文件会暂存在浏览器中。
微信图片_20250316184516.png

▼ 新建文件，可以选择空白或者从模板创建
微信图片_20250316182545.png
▼ 适合手写笔的【草图】风格主题
微信图片_20250316182649.png

步骤 2：选择模板或空白画布

  • 首页提供了丰富的模板（如流程图、UML、电路图），也可选择“空白图表”从头开始。

▼ 丰富的覆盖各种行业和场景的模板
微信图片_20250316164145.png

步骤 3：绘制图表

  1. 添加形状：
    • 从左侧形状库拖拽到画布。
    • 使用快捷键（如 Ctrl+C/Ctrl+V 复制粘贴形状）。
    • 如果左侧形状库没有你想要的形状图标，别急，点下面更多图形，可以选择载入更多图标，图标库很丰富。
  2. 连接元素：
    • 点击形状边缘的箭头，拖拽到目标形状以创建连线。
    • 调整连线样式（实线、虚线、箭头类型）。
  3. 编辑文本：
    • 双击形状或连线添加文字，支持 Markdown 格式。
  4. 样式调整：
    • 右侧面板修改颜色、字体、边框等属性。
    • 使用“排列”工具对齐或分布元素。

▼ 加载更多图标
微信图片_20250316164444.png
▼ 拖拽形状到画布
微信图片_20250316164610.png
▼ 可用Markdown格式编辑文本
微信图片_20250316182128.png

步骤 4：保存与共享

  • 本地保存：文件默认存储为 .drawio 格式，可离线编辑。
  • 云端协作：保存至 Google Drive 或 OneDrive 后，可生成共享链接。
  • 发布为网页：导出 HTML 文件，包含交互式图表。

▼ 保存文件格式，支持.drawio/png/svg/html格式。
微信图片_20250316183438.png
▼ 保存路径，可以保存到在线网盘或者下载到本地。
微信图片_20250316183508.png

Drawio 凭借其免费、开源、轻量化的特性，成为个人用户和中小团队的首选图表工具。无论是绘制技术架构图、管理项目进度，还是整理学习笔记，它都能提供高效且灵活的解决方案。

对于需要深度协作或企业级支持的用户，可结合其插件生态（如 Confluence 或 VS Code）进一步扩展功能。

在数据隐私愈发重要的今天，Drawio 的本地存储和加密选项也为其加分不少。另外因为是完全开源的，如果你喜欢你甚至可以自己用docker部署在自己的内部服务器或者NAS上使用。

而对于普通人来说，可能平时用到这些的概率并不高，那么也无需折腾安装部署，记得关注我的公众号，收藏这篇文章，用的时候方便找到网站地址，直接在线使用就好。