drawio网页版在线绘图

drawio网页版在线绘图指南

drawio是一款免费、开源的在线图表绘制工具，无需安装即可使用，支持流程图、UML图、组织结构图、思维导图、网络拓扑图等多种类型，适用于个人、团队及企业快速创建专业图表。

一、访问与基础设置

打开网页版：通过浏览器访问官方网站app.diagrams.net（或draw.io），进入主界面。

选择存储位置：首次使用时，系统会提示选择图表存储方式，支持Google Drive、OneDrive、Dropbox、GitHub、GitLab等云端服务，也可选择“Device”（本地设备）保存。

语言调整：点击右上角“地球”图标，可切换界面语言（如中文），适配不同用户需求。

二、创建与编辑图表


新建图表：选择存储位置后，点击“Create New Diagram”（创建新图表），可选择空白模板或预设模板（如“Basic”下的流程图模板）开始绘制。

添加元素：左侧工具栏提供形状（矩形、椭圆、箭头等）、线条、文本框等基础元素，点击并拖拽至中间画布即可放置；点击“More Shapes”（更多形状）可解锁AWS、网络设备、商务图标等扩展库。

连接形状：选中形状后，拖动边缘的蓝色箭头至目标形状，自动生成连接线；选中连线可通过顶部工具栏修改颜色、箭头类型（如实心箭头、空心箭头）、线条样式（如直线、曲线）。

编辑样式：双击形状输入文字，可通过顶部工具栏调整字体、大小、颜色；选中元素后，右侧“格式”面板可修改填充色、边框颜色、阴影、透明度等样式，支持Sketch、Material等主题切换。

自动布局：使用右侧“自动布局”功能（如“层次结构”“树形”），可快速优化图表布局，调整元素位置，节省排版时间。

三、导出与分享

导出文件：点击顶部菜单栏“File”（文件）→“Export As”（导出为），支持PNG、JPEG、SVG、PDF、VSDX（Visio格式）、HTML等多种格式，满足文档、演示、网页等不同场景需求。

保存到云端：若选择云端存储（如Google Drive），编辑完成后图表会自动同步至云端，方便随时访问和备份。

分享链接：点击“Share”（分享）按钮，生成公开链接或密码保护链接，发送给他人即可在线查看或编辑（需对方有访问权限）；支持实时协作，多人同时编辑同一图表。

嵌入网页：点击“File”→“Embed”（嵌入），生成HTML代码，复制到网页代码中即可将图表嵌入网页，支持响应式设计。

四、进阶功能

实时协作：配合Google Drive、OneDrive等云存储，多个用户可同时编辑同一图表，实时查看他人修改，提升团队协作效率。

自定义图标：将外部图标拖至左侧“便笺本”区域，保存后可作为自定义图形重复使用，丰富图表元素。

混合云应用：除在线使用外，可下载draw.io Desktop（Windows/macOS/Linux）离线使用，支持本地存储和离线编辑，适合无网络环境。