<?xml version="1.0" encoding="utf-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><title>Drawio 中文官网</title><link>https://drawio.com.cn/</link><description>Drawio</description><item><title>Mac版Drawio-desktop 桌面最新版  30.3.14</title><link>https://drawio.com.cn/post/23.html</link><description>&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;中文drawio 类似 visio，它是一款开源的在线图表绘制工具， 可以绘制各种类型的图表，如流程图、组织结构图、网络拓扑图等。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;它适合应用在企业、学校、科研机构等，用于项目管理、技术文档、教学演示、业务流程梳理等场景。&lt;/span&gt;&lt;/p&gt;&lt;h1 id=&quot;优势&quot; style=&quot;margin: 10px 0px; padding: 0px; font-size: 28px; line-height: 1.5; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;优势&lt;/span&gt;&lt;/h1&gt;&lt;ul style=&quot;margin: 0px 0px 0px 2.5rem; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;&lt;strong style=&quot;margin: 0px; padding: 0px;&quot;&gt;价格&lt;/strong&gt;：开源免费&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;&lt;strong style=&quot;margin: 0px; padding: 0px;&quot;&gt;无需安装&lt;/strong&gt;：基于浏览器运行，在线直接打开&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;&lt;strong style=&quot;margin: 0px; padding: 0px;&quot;&gt;零门槛上手&lt;/strong&gt;：中文drawio 非常适合推荐给新手使用，它支持拖拽、自动布局等功能，能够快速完成绘图&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;&lt;strong style=&quot;margin: 0px; padding: 0px;&quot;&gt;超市级模板库&lt;/strong&gt;：架构图、UML、泳道图，拖进来就能直接改&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h1 id=&quot;入门教程&quot; style=&quot;margin: 10px 0px; padding: 0px; font-size: 28px; line-height: 1.5; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;入门教程&lt;/span&gt;&lt;/h1&gt;&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;首先，访问 中文Drawio 的官方网站&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;&lt;a href=&quot;https://drawio.com.cn/&quot; _src=&quot;https://drawio.com.cn/&quot;&gt;https://drawio.com.cn/&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;打开后，你将看到以下界面，由于我们是第一次使用，因此请选择【创建新绘图】选项。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143037_76631.png&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143037_76631.png&quot; style=&quot;margin: 0px; padding: 0px; border: 0px; max-width: 700px; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;在【创建新绘图】界面中，&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;你可以看到对话框的&lt;strong style=&quot;margin: 0px; padding: 0px;&quot;&gt;左侧&lt;/strong&gt;是一个丰富的分类列表，而&lt;strong style=&quot;margin: 0px; padding: 0px;&quot;&gt;右侧&lt;/strong&gt;展示了该分类下的业务模板。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;在本例中，我们选择了【基本】分类下的第2个业务模板【类图】，确认无误后，点击【创建】按钮即可完成模板创建。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;&lt;strong style=&quot;margin: 0px; padding: 0px;&quot;&gt;注&lt;/strong&gt;：在本地模式下，会弹出一个文件选择框让你选择保存到哪个文件中。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143037_16878.png&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143037_16878.png&quot; style=&quot;margin: 0px; padding: 0px; border: 0px; max-width: 700px; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;接下来，您会在主界面看到一个已创建好的【类图】。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;该类图包含了一些常见的类图图形元素，以及相应的文本标注和连接线。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143037_10834.png&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143037_10834.png&quot; style=&quot;margin: 0px; padding: 0px; border: 0px; max-width: 700px; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143038_46445.png&quot; alt=&quot;image.png&quot; style=&quot;white-space: normal;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;在开始修改【类图】之前，我们先来熟悉一下 中文drawio 的主界面及其功能。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;主界面的左侧是图形元素列表，里面提供了丰富的图形元素供我们选择。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;我们可以通过单击或拖拽的方式，将所需的图形元素添加到画布上。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143038_46445.png&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143038_46445.png&quot; style=&quot;margin: 0px; padding: 0px; border: 0px; max-width: 700px; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;主界面右侧区域为属性面板，其功能会根据选中目标而变化：&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;当选中某个目标时，该面板会显示为选定目标的属性面板，用于调整该目标的相关属性。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;当未选中任何目标时，该面板则会显示为画布的属性面板，其中包含了网格、背景、宽高、缩放等画布相关设置选项。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143038_21456.png&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143038_21456.png&quot; style=&quot;margin: 0px; padding: 0px; border: 0px; max-width: 700px; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;接下来我们回到左侧的【图形元素】列表，尝试为【类图】添加新的图形元素。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;在本例中，我们选择新增一个&lt;strong style=&quot;margin: 0px; padding: 0px;&quot;&gt;正方形&lt;/strong&gt;到类图中。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;将它直接拖到画布中，如下图所示：&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143039_35956.png&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143039_35956.png&quot; style=&quot;margin: 0px; padding: 0px; border: 0px; max-width: 700px; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;双击该正方形的中心点，即可输入&lt;strong style=&quot;margin: 0px; padding: 0px;&quot;&gt;自定义文本&lt;/strong&gt;&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;在本列中，我们输入了：boss&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143039_14613.png&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143039_14613.png&quot; style=&quot;margin: 0px; padding: 0px; border: 0px; max-width: 700px; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;编辑文本完成后，按下&amp;nbsp;&lt;strong style=&quot;margin: 0px; padding: 0px;&quot;&gt;Esc 键&lt;/strong&gt;或点击画布的&lt;strong style=&quot;margin: 0px; padding: 0px;&quot;&gt;空白区域&lt;/strong&gt;，即可退出文本编辑模式。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;此时，中文drawio 会重新选中该图形，右侧面板也会切换为图形的属性面板。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;在属性面板中，您可以对图形的外观样式（如颜色、边框等）和文本样式（如字体、字号等）进行修改。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;在本例中，我们将图形的样式修改为绿色。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143040_79801.png&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143040_79801.png&quot; style=&quot;margin: 0px; padding: 0px; border: 0px; max-width: 700px; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;在样式调整完成后，我们接下来将把这个图形与类图连接起来。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;如下图所示，图形周围有四个方向的箭头。点击任意方向上的箭头，&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;中文drawio 会自动识别该方向上的最近图形，并自动为其建立一条连接线。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143040_10443.png&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143040_10443.png&quot; style=&quot;margin: 0px; padding: 0px; border: 0px; max-width: 700px; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;最后你可以根据需求，拖动图形或连接线的位置，中文drwaio 会自动修正，如下示例。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143041_73315.png&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143041_73315.png&quot; style=&quot;margin: 0px; padding: 0px; border: 0px; max-width: 700px; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;以上就是本次 中文drawio 的使用教程，&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;它轻松实现了创建了一个类图的工作，并对其进行新增，编辑，修改样式等操作。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br style=&quot;text-align: left;&quot;/&gt;&lt;/p&gt;</description><pubDate>Mon, 20 Jul 2026 08:42:51 +0800</pubDate></item><item><title>Windows 版Drawio-desktop 桌面最新版  30.3.14</title><link>https://drawio.com.cn/post/3.html</link><description>&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;中文drawio 类似 visio，它是一款开源的在线图表绘制工具， 可以绘制各种类型的图表，如流程图、组织结构图、网络拓扑图等。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;它适合应用在企业、学校、科研机构等，用于项目管理、技术文档、教学演示、业务流程梳理等场景。&lt;/span&gt;&lt;/p&gt;&lt;h1 id=&quot;优势&quot; style=&quot;margin: 10px 0px; padding: 0px; font-size: 28px; line-height: 1.5; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;优势&lt;/span&gt;&lt;/h1&gt;&lt;ul style=&quot;margin: 0px 0px 0px 2.5rem; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;&lt;strong style=&quot;margin: 0px; padding: 0px;&quot;&gt;价格&lt;/strong&gt;：开源免费&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;&lt;strong style=&quot;margin: 0px; padding: 0px;&quot;&gt;无需安装&lt;/strong&gt;：基于浏览器运行，在线直接打开&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;&lt;strong style=&quot;margin: 0px; padding: 0px;&quot;&gt;零门槛上手&lt;/strong&gt;：中文drawio 非常适合推荐给新手使用，它支持拖拽、自动布局等功能，能够快速完成绘图&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;&lt;strong style=&quot;margin: 0px; padding: 0px;&quot;&gt;超市级模板库&lt;/strong&gt;：架构图、UML、泳道图，拖进来就能直接改&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h1 id=&quot;入门教程&quot; style=&quot;margin: 10px 0px; padding: 0px; font-size: 28px; line-height: 1.5; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;入门教程&lt;/span&gt;&lt;/h1&gt;&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;首先，访问 中文Drawio 的官方网站&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;&lt;a href=&quot;https://drawio.com.cn/&quot; _src=&quot;https://drawio.com.cn/&quot;&gt;https://drawio.com.cn/&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;打开后，你将看到以下界面，由于我们是第一次使用，因此请选择【创建新绘图】选项。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143037_76631.png&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143037_76631.png&quot; style=&quot;margin: 0px; padding: 0px; border: 0px; max-width: 700px; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;在【创建新绘图】界面中，&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;你可以看到对话框的&lt;strong style=&quot;margin: 0px; padding: 0px;&quot;&gt;左侧&lt;/strong&gt;是一个丰富的分类列表，而&lt;strong style=&quot;margin: 0px; padding: 0px;&quot;&gt;右侧&lt;/strong&gt;展示了该分类下的业务模板。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;在本例中，我们选择了【基本】分类下的第2个业务模板【类图】，确认无误后，点击【创建】按钮即可完成模板创建。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;&lt;strong style=&quot;margin: 0px; padding: 0px;&quot;&gt;注&lt;/strong&gt;：在本地模式下，会弹出一个文件选择框让你选择保存到哪个文件中。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143037_16878.png&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143037_16878.png&quot; style=&quot;margin: 0px; padding: 0px; border: 0px; max-width: 700px; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;接下来，您会在主界面看到一个已创建好的【类图】。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;该类图包含了一些常见的类图图形元素，以及相应的文本标注和连接线。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143037_10834.png&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143037_10834.png&quot; style=&quot;margin: 0px; padding: 0px; border: 0px; max-width: 700px; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143038_46445.png&quot; alt=&quot;image.png&quot; style=&quot;white-space: normal;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;在开始修改【类图】之前，我们先来熟悉一下 中文drawio 的主界面及其功能。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;主界面的左侧是图形元素列表，里面提供了丰富的图形元素供我们选择。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;我们可以通过单击或拖拽的方式，将所需的图形元素添加到画布上。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143038_46445.png&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143038_46445.png&quot; style=&quot;margin: 0px; padding: 0px; border: 0px; max-width: 700px; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;主界面右侧区域为属性面板，其功能会根据选中目标而变化：&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;当选中某个目标时，该面板会显示为选定目标的属性面板，用于调整该目标的相关属性。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;当未选中任何目标时，该面板则会显示为画布的属性面板，其中包含了网格、背景、宽高、缩放等画布相关设置选项。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143038_21456.png&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143038_21456.png&quot; style=&quot;margin: 0px; padding: 0px; border: 0px; max-width: 700px; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;接下来我们回到左侧的【图形元素】列表，尝试为【类图】添加新的图形元素。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;在本例中，我们选择新增一个&lt;strong style=&quot;margin: 0px; padding: 0px;&quot;&gt;正方形&lt;/strong&gt;到类图中。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;将它直接拖到画布中，如下图所示：&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143039_35956.png&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143039_35956.png&quot; style=&quot;margin: 0px; padding: 0px; border: 0px; max-width: 700px; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;双击该正方形的中心点，即可输入&lt;strong style=&quot;margin: 0px; padding: 0px;&quot;&gt;自定义文本&lt;/strong&gt;&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;在本列中，我们输入了：boss&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143039_14613.png&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143039_14613.png&quot; style=&quot;margin: 0px; padding: 0px; border: 0px; max-width: 700px; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;编辑文本完成后，按下&amp;nbsp;&lt;strong style=&quot;margin: 0px; padding: 0px;&quot;&gt;Esc 键&lt;/strong&gt;或点击画布的&lt;strong style=&quot;margin: 0px; padding: 0px;&quot;&gt;空白区域&lt;/strong&gt;，即可退出文本编辑模式。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;此时，中文drawio 会重新选中该图形，右侧面板也会切换为图形的属性面板。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;在属性面板中，您可以对图形的外观样式（如颜色、边框等）和文本样式（如字体、字号等）进行修改。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;在本例中，我们将图形的样式修改为绿色。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143040_79801.png&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143040_79801.png&quot; style=&quot;margin: 0px; padding: 0px; border: 0px; max-width: 700px; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;在样式调整完成后，我们接下来将把这个图形与类图连接起来。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;如下图所示，图形周围有四个方向的箭头。点击任意方向上的箭头，&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;中文drawio 会自动识别该方向上的最近图形，并自动为其建立一条连接线。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143040_10443.png&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143040_10443.png&quot; style=&quot;margin: 0px; padding: 0px; border: 0px; max-width: 700px; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;最后你可以根据需求，拖动图形或连接线的位置，中文drwaio 会自动修正，如下示例。&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143041_73315.png&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/04/20260428143041_73315.png&quot; style=&quot;margin: 0px; padding: 0px; border: 0px; max-width: 700px; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;margin: 10px auto; padding: 0px; font-family: &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Verdana, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255); text-align: left;&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;以上就是本次 中文drawio 的使用教程，&lt;br style=&quot;margin: 0px; padding: 0px; text-align: left;&quot;/&gt;它轻松实现了创建了一个类图的工作，并对其进行新增，编辑，修改样式等操作。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br style=&quot;text-align: left;&quot;/&gt;&lt;/p&gt;</description><pubDate>Mon, 20 Jul 2026 08:40:01 +0800</pubDate></item><item><title>画流程图还要买付费 Visio？这款开源工具全功能免费，在线离线都能用</title><link>https://drawio.com.cn/post/266.html</link><description>&lt;section style=&quot;text-align: center; line-height: 0; box-sizing: border-box; visibility: visible;&quot;&gt;&lt;section style=&quot;max-width: 100%; vertical-align: middle; display: inline-block; line-height: 0; box-sizing: border-box; visibility: visible;&quot; nodeleaf=&quot;&quot;&gt;&lt;img data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720085924_50037.jpeg&quot; data-ratio=&quot;0.75&quot; data-s=&quot;300,640&quot; data-w=&quot;720&quot; style=&quot;vertical-align: middle; max-width: 100%; width: 677px !important; box-sizing: border-box; height: auto !important; visibility: visible !important;&quot; data-aistatus=&quot;1&quot; data-original-style=&quot;vertical-align: middle;max-width: 100%;width: 100%;box-sizing: border-box;&quot; data-index=&quot;3&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720085924_50037.jpeg&quot; _width=&quot;100%&quot; alt=&quot;图片&quot; data-before-load-time=&quot;1784509108770&quot; data-report-img-idx=&quot;0&quot; data-fail=&quot;0&quot;/&gt;&lt;/section&gt;&lt;/section&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;section style=&quot;margin: -1em 0px 0px; box-sizing: border-box; visibility: visible;&quot;&gt;&lt;section style=&quot;display: inline-block; vertical-align: top; width: 0px; margin: 0px 3.2em 0px 2em; box-sizing: border-box; visibility: visible;&quot;&gt;&lt;section style=&quot;width: 0px; border-bottom: 24px solid rgb(255, 255, 255); box-sizing: border-box; border-left: 11px solid transparent !important; border-right: 11px solid transparent !important; visibility: visible;&quot;&gt;&lt;svg viewbox=&quot;0 0 1 1&quot; style=&quot;float: left; line-height: 0; width: 0px; vertical-align: top; visibility: visible;&quot; role=&quot;img&quot; aria-label=&quot;插图&quot;&gt;&lt;/svg&gt;&lt;/section&gt;&lt;section style=&quot;width: 0px; margin: -21px 1px 0px; border-bottom: 22px solid rgb(255, 255, 255); box-sizing: border-box; border-left: 10px solid transparent !important; border-right: 10px solid transparent !important; visibility: visible;&quot;&gt;&lt;svg viewbox=&quot;0 0 1 1&quot; style=&quot;float: left; line-height: 0; width: 0px; vertical-align: top; visibility: visible;&quot; role=&quot;img&quot; aria-label=&quot;插图&quot;&gt;&lt;/svg&gt;&lt;/section&gt;&lt;/section&gt;&lt;section style=&quot;padding: 10px; width: 100%; border: 1px solid white; box-shadow: rgb(204, 204, 204) 3px 3px 5px; background-color: rgb(255, 255, 255); margin-top: -2px; box-sizing: border-box; visibility: visible;&quot;&gt;&lt;section style=&quot;font-size: 19px; box-sizing: border-box; visibility: visible;&quot;&gt;&lt;p style=&quot;margin: 0px; padding: 0px; box-sizing: border-box; visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;职场办公、项目推进、技术设计里，画图表是绕不开的需求：做方案要画流程图、理架构要画拓扑图、做汇报要画组织结构图、开发要画 UML 图。可很多人都被工具卡住：专业的 &lt;span class=&quot;&quot; link-id=&quot;link-1784509108633-0.18267200337062595&quot;&gt;Visio&lt;/span&gt; 价格昂贵，个人和小团队根本舍不得买；在线绘图工具要么基础功能就要开会员，导出高清图、去除水印统统收费；小众免费工具又素材少、格式不兼容，画出来的图不专业，分享给同事还打不开。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 0px; padding: 0px; box-sizing: border-box; visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;&lt;br style=&quot;visibility: visible;&quot;/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 0px; padding: 0px; box-sizing: border-box; visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;其实画专业图表根本不用花冤枉钱。今天给大家分享一款全球公认的开源绘图神器 ——Draw.io，一款完全免费开源的全能图表绘制工具，从流程图、架构图到思维导图、UML 图全覆盖，不用注册登录，在线就能用，也能下载桌面版离线使用，全功能无限制无广告，堪称付费 Visio 的绝佳替代品。&lt;/span&gt;&lt;/p&gt;&lt;br/&gt;&lt;p style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;&lt;br/&gt;&lt;/span&gt;&lt;/p&gt;&lt;/section&gt;&lt;section style=&quot;margin-top: 10px;margin-bottom: 10px;box-sizing: border-box;&quot;&gt;&lt;section style=&quot;width: 100%;border-bottom: 5px solid rgb(1, 135, 207);box-sizing: border-box;&quot;&gt;&lt;section style=&quot;display: inline-block;vertical-align: bottom;margin-bottom: -5px;border-bottom: 5px solid rgb(169, 211, 214);min-width: 1em;text-align: center;font-size: 19px;padding: 0px 5px;box-sizing: border-box;&quot;&gt;&lt;p style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;&lt;br/&gt;&lt;/span&gt;&lt;/p&gt;&lt;/section&gt;&lt;section style=&quot;display: inline-block;vertical-align: bottom;font-size: 19px;box-sizing: border-box;&quot;&gt;&lt;p style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;&quot;&gt;&lt;strong style=&quot;box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;功能速览&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;&lt;/section&gt;&lt;section style=&quot;font-size: 19px;box-sizing: border-box;&quot;&gt;&lt;p style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;&lt;span class=&quot;&quot; link-id=&quot;link-1784509108633-0.8956671605763968&quot;&gt;Draw.io&lt;/span&gt;是一款遵循 Apache 2.0 协议的开源图表绘制工具，核心优势集中在全免费无限制、多场景图表覆盖、在线离线双模式、数据自主可控四大方面，支持 Windows、macOS、Linux 全系统，也可直接通过浏览器在线使用。它内置海量图形素材与行业模板，支持流程图、网络拓扑图、UML、组织结构图、思维导图、电路图等数十种图表类型，兼容主流云存储与协作平台，导出无水印、格式丰富，无论是个人办公还是团队协作都能轻松胜任。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;&lt;br/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p data-pm-slice=&quot;0 0 []&quot;&gt;&lt;span leaf=&quot;&quot;&gt;✅ &lt;/span&gt;&lt;strong&gt;适合人群&lt;/strong&gt;&lt;span leaf=&quot;&quot;&gt;职场办公族、产品经理、项目经理、程序开发者、运维工程师、教师与学生、需要绘制专业图表的设计人员&lt;/span&gt;&lt;/p&gt;&lt;p data-pm-slice=&quot;0 0 []&quot;&gt;&lt;span leaf=&quot;&quot;&gt;&lt;br/&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;✅ &lt;/span&gt;&lt;strong&gt;高频使用场景&lt;/strong&gt;&lt;span leaf=&quot;&quot;&gt;工作方案与业务流程梳理、项目架构与技术方案设计、团队组织结构与汇报图示、软件需求与 UML 建模、网络拓扑与机房规划、教学课件与知识梳理可视化&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;&lt;br/&gt;&lt;/span&gt;&lt;/p&gt;&lt;/section&gt;&lt;section style=&quot;margin-top: 10px;margin-bottom: 10px;box-sizing: border-box;&quot;&gt;&lt;section style=&quot;width: 100%;border-bottom: 5px solid rgb(1, 135, 207);box-sizing: border-box;&quot;&gt;&lt;section style=&quot;display: inline-block;vertical-align: bottom;margin-bottom: -5px;border-bottom: 5px solid rgb(169, 211, 214);min-width: 1em;text-align: center;font-size: 19px;padding: 0px 5px;box-sizing: border-box;&quot;&gt;&lt;p style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;&lt;br/&gt;&lt;/span&gt;&lt;/p&gt;&lt;/section&gt;&lt;section style=&quot;display: inline-block;vertical-align: bottom;font-size: 19px;box-sizing: border-box;&quot;&gt;&lt;p style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;&quot;&gt;&lt;strong style=&quot;box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;使用教程&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;&lt;/section&gt;&lt;br/&gt;&lt;section style=&quot;font-size: 19px;box-sizing: border-box;&quot;&gt;&lt;p style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;Draw.io软件简单使用教程：我这里以其中一个流程图功能作为例子。简单使用一下，大家可以举一反三。&lt;/span&gt;&lt;/p&gt;&lt;/section&gt;&lt;section style=&quot;margin-top: 10px;margin-bottom: 10px;box-sizing: border-box;&quot;&gt;&lt;section style=&quot;max-width: 50% !important;vertical-align: middle;float: left;display: inline-block;line-height: 0;box-sizing: border-box;&quot; nodeleaf=&quot;&quot;&gt;&lt;img data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720085924_63731.png&quot; class=&quot;rich_pages wxw-img&quot; data-ratio=&quot;0.08517350157728706&quot; data-s=&quot;300,640&quot; data-w=&quot;317&quot; style=&quot;vertical-align: middle; max-width: 100%; width: 317px !important; box-sizing: border-box; height: auto !important; visibility: visible !important;&quot; data-aistatus=&quot;1&quot; data-original-style=&quot;vertical-align: middle;max-width: 100%;width: 100%;box-sizing: border-box;&quot; data-index=&quot;4&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720085924_63731.png&quot; _width=&quot;100%&quot; alt=&quot;图片&quot; data-before-load-time=&quot;1784509111963&quot; data-report-img-idx=&quot;1&quot; data-fail=&quot;0&quot;/&gt;&lt;/section&gt;&lt;section style=&quot;clear: both;box-sizing: border-box;&quot;&gt;&lt;svg viewbox=&quot;0 0 1 1&quot; style=&quot;float:left;line-height:0;width:0;vertical-align:top;&quot; role=&quot;img&quot; aria-label=&quot;插图&quot;&gt;&lt;/svg&gt;&lt;/section&gt;&lt;section style=&quot;width: 100%;float: left;padding: 0px;box-sizing: border-box;&quot;&gt;&lt;section style=&quot;text-align: center;margin: 0px 0% -1px;line-height: 0;box-sizing: border-box;&quot;&gt;&lt;section style=&quot;max-width: 100%;vertical-align: middle;display: inline-block;line-height: 0;box-sizing: border-box;&quot; nodeleaf=&quot;&quot;&gt;&lt;img data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720085924_47771.png&quot; class=&quot;rich_pages wxw-img&quot; data-ratio=&quot;3.5574074074074074&quot; data-s=&quot;300,640&quot; data-w=&quot;1080&quot; style=&quot;vertical-align: middle; max-width: 100%; width: 655px !important; box-sizing: border-box; height: auto !important; visibility: visible !important;&quot; data-aistatus=&quot;1&quot; data-original-style=&quot;vertical-align: middle;max-width: 100%;width: 100%;box-sizing: border-box;&quot; data-index=&quot;5&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720085924_47771.png&quot; _width=&quot;100%&quot; alt=&quot;图片&quot; data-before-load-time=&quot;1784509111964&quot; data-report-img-idx=&quot;2&quot; data-fail=&quot;0&quot;/&gt;&lt;/section&gt;&lt;/section&gt;&lt;p style=&quot;clear: none;white-space: normal;margin: 0px;padding: 0px;box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;&lt;br/&gt;&lt;/span&gt;&lt;/p&gt;&lt;/section&gt;&lt;section style=&quot;max-width: 50% !important;vertical-align: middle;float: right;display: inline-block;line-height: 0;box-sizing: border-box;&quot; nodeleaf=&quot;&quot;&gt;&lt;img data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720085924_83192.png&quot; class=&quot;rich_pages wxw-img&quot; data-ratio=&quot;0.08517350157728706&quot; data-s=&quot;300,640&quot; data-w=&quot;317&quot; style=&quot;vertical-align: middle; max-width: 100%; width: 317px !important; box-sizing: border-box; height: auto !important; visibility: visible !important;&quot; data-aistatus=&quot;1&quot; data-original-style=&quot;vertical-align: middle;max-width: 100%;width: 100%;box-sizing: border-box;&quot; data-index=&quot;6&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720085924_83192.png&quot; _width=&quot;100%&quot; alt=&quot;图片&quot; data-before-load-time=&quot;1784509113285&quot; data-report-img-idx=&quot;3&quot; data-fail=&quot;0&quot;/&gt;&lt;/section&gt;&lt;section style=&quot;clear: both;box-sizing: border-box;&quot;&gt;&lt;svg viewbox=&quot;0 0 1 1&quot; style=&quot;float:left;line-height:0;width:0;vertical-align:top;&quot; role=&quot;img&quot; aria-label=&quot;插图&quot;&gt;&lt;/svg&gt;&lt;/section&gt;&lt;/section&gt;&lt;section style=&quot;font-size: 19px;box-sizing: border-box;&quot;&gt;&lt;p style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;&lt;br/&gt;&lt;/span&gt;&lt;/p&gt;&lt;/section&gt;&lt;section style=&quot;margin-top: 10px;margin-bottom: 10px;box-sizing: border-box;&quot;&gt;&lt;section style=&quot;width: 100%;border-bottom: 5px solid rgb(1, 135, 207);box-sizing: border-box;&quot;&gt;&lt;section style=&quot;display: inline-block;vertical-align: bottom;margin-bottom: -5px;border-bottom: 5px solid rgb(169, 211, 214);min-width: 1em;text-align: center;font-size: 19px;padding: 0px 5px;box-sizing: border-box;&quot;&gt;&lt;p style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;&lt;br/&gt;&lt;/span&gt;&lt;/p&gt;&lt;/section&gt;&lt;section style=&quot;display: inline-block;vertical-align: bottom;font-size: 19px;box-sizing: border-box;&quot;&gt;&lt;p style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;&quot;&gt;&lt;strong style=&quot;box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;软件界面&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;&lt;/section&gt;&lt;section style=&quot;margin-top: 10px;margin-bottom: 10px;box-sizing: border-box;&quot;&gt;&lt;section style=&quot;max-width: 50% !important;vertical-align: middle;float: left;display: inline-block;line-height: 0;box-sizing: border-box;&quot; nodeleaf=&quot;&quot;&gt;&lt;img data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720085924_77282.png&quot; class=&quot;rich_pages wxw-img&quot; data-ratio=&quot;0.08517350157728706&quot; data-s=&quot;300,640&quot; data-w=&quot;317&quot; style=&quot;vertical-align: middle; max-width: 100%; width: 317px !important; box-sizing: border-box; height: auto !important; visibility: visible !important;&quot; data-aistatus=&quot;1&quot; data-original-style=&quot;vertical-align: middle;max-width: 100%;width: 100%;box-sizing: border-box;&quot; data-index=&quot;7&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720085924_77282.png&quot; _width=&quot;100%&quot; alt=&quot;图片&quot; data-before-load-time=&quot;1784509113322&quot; data-report-img-idx=&quot;4&quot; data-fail=&quot;0&quot;/&gt;&lt;/section&gt;&lt;section style=&quot;clear: both;box-sizing: border-box;&quot;&gt;&lt;svg viewbox=&quot;0 0 1 1&quot; style=&quot;float:left;line-height:0;width:0;vertical-align:top;&quot; role=&quot;img&quot; aria-label=&quot;插图&quot;&gt;&lt;/svg&gt;&lt;/section&gt;&lt;section style=&quot;width: 100%;float: left;padding: 0px;box-sizing: border-box;&quot;&gt;&lt;section style=&quot;text-align: center;margin: 0px 0% -1px;line-height: 0;box-sizing: border-box;&quot;&gt;&lt;section style=&quot;max-width: 100%;vertical-align: middle;display: inline-block;line-height: 0;box-sizing: border-box;&quot; nodeleaf=&quot;&quot;&gt;&lt;img data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720085925_29971.gif&quot; class=&quot;rich_pages wxw-img __bg_gif&quot; data-ratio=&quot;0.7214428857715431&quot; data-s=&quot;300,640&quot; data-w=&quot;499&quot; style=&quot;vertical-align: middle; max-width: 100%; width: 499px !important; box-sizing: border-box; height: auto !important; visibility: visible !important;&quot; data-aistatus=&quot;1&quot; data-original-style=&quot;vertical-align: middle;max-width: 100%;width: 100%;box-sizing: border-box;&quot; data-index=&quot;8&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720085925_29971.gif&quot; _width=&quot;100%&quot; data-order=&quot;0&quot; alt=&quot;图片&quot; data-before-load-time=&quot;1784509113323&quot; data-report-img-idx=&quot;5&quot; data-fail=&quot;0&quot;/&gt;&lt;/section&gt;&lt;/section&gt;&lt;/section&gt;&lt;section style=&quot;max-width: 50% !important;vertical-align: middle;float: right;display: inline-block;line-height: 0;box-sizing: border-box;&quot; nodeleaf=&quot;&quot;&gt;&lt;img data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720085925_56572.png&quot; class=&quot;rich_pages wxw-img&quot; data-ratio=&quot;0.08517350157728706&quot; data-s=&quot;300,640&quot; data-w=&quot;317&quot; style=&quot;vertical-align: middle; max-width: 100%; width: 317px !important; box-sizing: border-box; height: auto !important; visibility: visible !important;&quot; data-aistatus=&quot;1&quot; data-original-style=&quot;vertical-align: middle;max-width: 100%;width: 100%;box-sizing: border-box;&quot; data-index=&quot;9&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720085925_56572.png&quot; _width=&quot;100%&quot; alt=&quot;图片&quot; data-before-load-time=&quot;1784509126651&quot; data-report-img-idx=&quot;6&quot; data-fail=&quot;0&quot;/&gt;&lt;/section&gt;&lt;section style=&quot;clear: both;box-sizing: border-box;&quot;&gt;&lt;svg viewbox=&quot;0 0 1 1&quot; style=&quot;float:left;line-height:0;width:0;vertical-align:top;&quot; role=&quot;img&quot; aria-label=&quot;插图&quot;&gt;&lt;/svg&gt;&lt;/section&gt;&lt;/section&gt;&lt;section style=&quot;font-size: 19px;box-sizing: border-box;&quot;&gt;&lt;p style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;&lt;br/&gt;&lt;/span&gt;&lt;/p&gt;&lt;/section&gt;&lt;section style=&quot;margin-top: 10px;margin-bottom: 10px;box-sizing: border-box;&quot;&gt;&lt;section style=&quot;width: 100%;border-bottom: 5px solid rgb(1, 135, 207);box-sizing: border-box;&quot;&gt;&lt;section style=&quot;display: inline-block;vertical-align: bottom;margin-bottom: -5px;border-bottom: 5px solid rgb(169, 211, 214);min-width: 1em;text-align: center;font-size: 19px;padding: 0px 5px;box-sizing: border-box;&quot;&gt;&lt;p style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;&lt;br/&gt;&lt;/span&gt;&lt;/p&gt;&lt;/section&gt;&lt;section style=&quot;display: inline-block;vertical-align: bottom;font-size: 19px;box-sizing: border-box;&quot;&gt;&lt;p style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;&quot;&gt;&lt;strong style=&quot;box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;版本说明与获取方式&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;&lt;/section&gt;&lt;section style=&quot;font-size: 19px;box-sizing: border-box;&quot;&gt;&lt;p style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;&quot;&gt;&lt;strong style=&quot;box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;软件名称&lt;/span&gt;&lt;/strong&gt;&lt;span leaf=&quot;&quot;&gt;:Draw.io免费、开源‌的图表绘制工具&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;&quot;&gt;&lt;strong style=&quot;box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;版本&lt;/span&gt;&lt;/strong&gt;&lt;span leaf=&quot;&quot;&gt;:29.6.6&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;&quot;&gt;&lt;strong style=&quot;box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;测试系统&lt;/span&gt;&lt;/strong&gt;&lt;span leaf=&quot;&quot;&gt;：Windows 11专业版&lt;/span&gt;&lt;/p&gt;&lt;/section&gt;&lt;section style=&quot;margin-top: 10px;margin-bottom: 10px;box-sizing: border-box;&quot;&gt;&lt;section style=&quot;width: 100%;border-bottom: 5px solid rgb(1, 135, 207);box-sizing: border-box;&quot;&gt;&lt;section style=&quot;display: inline-block;vertical-align: bottom;margin-bottom: -5px;border-bottom: 5px solid rgb(169, 211, 214);min-width: 1em;text-align: center;font-size: 19px;padding: 0px 5px;box-sizing: border-box;&quot;&gt;&lt;p style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;&lt;br/&gt;&lt;/span&gt;&lt;/p&gt;&lt;/section&gt;&lt;section style=&quot;display: inline-block;vertical-align: bottom;font-size: 19px;box-sizing: border-box;&quot;&gt;&lt;p style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;&quot;&gt;&lt;strong style=&quot;box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;结尾总结&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;&lt;/section&gt;&lt;section style=&quot;font-size: 19px;box-sizing: border-box;&quot;&gt;&lt;p style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;Draw.io是一款几乎零短板的免费绘图工具，它既有专业软件的全场景覆盖能力，又有在线工具的便捷性，再加上市面少有的完全免费、开源无广告、数据自主可控的特性，无论是个人日常办公画图，还是团队协作做技术方案，都能完美胜任，堪称电脑里值得常备的效率神器。&lt;/span&gt;&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;&lt;/section&gt;&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Sun, 19 Jul 2026 08:58:40 +0800</pubDate></item><item><title>Draw.io是什么？免费开源流程图神器，办公、设计、项目管理都能用</title><link>https://drawio.com.cn/post/265.html</link><description>&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; visibility: visible; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;很多人做流程图、架构图、思维导图时，第一时间想到的是 Visio、&lt;span class=&quot;&quot; link-id=&quot;link-1784509033949-0.18881449533246797&quot;&gt;XMind&lt;/span&gt; 等软件。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; visibility: visible; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;但如果只是需要：&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;margin: 8px 0px; padding: 0px 8px 0px calc(32px); box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; color: rgb(52, 73, 94); visibility: visible; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94); visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;画流程图&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94); visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;制作网络拓扑图&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94); visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;设计系统架构&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94); visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;梳理项目流程&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94); visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;绘制&lt;span class=&quot;&quot; link-id=&quot;link-1784509033951-0.7734557982403514&quot;&gt;组织结构图&lt;/span&gt;&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; visibility: visible; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;其实有一款免费工具非常值得收藏——&lt;/span&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 600; color: #07C160; letter-spacing: 0.2px; visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;Draw.io（现称 diagrams.net）&lt;/span&gt;&lt;/span&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; visibility: visible; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;它免费、开源、无广告，而且支持网页端和本地客户端，不需要复杂学习成本，打开就能画。&lt;/span&gt;&lt;/p&gt;&lt;hr style=&quot;margin: 28px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: rgb(226, 232, 240); visibility: visible;&quot;/&gt;&lt;h1 style=&quot;margin: 10px 8px 20px; padding: 0px 0px 12px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 28px; color: rgb(26, 26, 26); text-align: center; border-bottom: 2px solid rgb(7, 193, 96); letter-spacing: 1px; visibility: visible; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box; visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;📌 &lt;span class=&quot;&quot; link-id=&quot;link-1784509033952-0.2385831825752538&quot;&gt;Draw.io&lt;/span&gt;是什么？&lt;/span&gt;&lt;/span&gt;&lt;/h1&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; visibility: visible; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;Draw.io 是一款专业的在线绘图工具，主要用于创建各种结构化图表。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; visibility: visible; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;目前官方名称为：&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; visibility: visible; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box; font-weight: 600; color: #07C160; letter-spacing: 0.2px; visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;diagrams.net&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;Draw.io 这个名字依然被大量用户使用。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;它最大的特点：&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;✅ 免费使用&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;✅ 开源项目&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;✅ 支持离线运行&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;✅ 支持 Windows / macOS / Linux&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;✅ 支持浏览器直接编辑&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;✅ 支持多种文件格式导入导出&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;简单理解：&lt;/span&gt;&lt;/p&gt;&lt;blockquote style=&quot;margin: 20px 8px; padding: 16px 20px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; letter-spacing: 0.3px; white-space: normal; border-width: medium medium medium 4px; border-style: none none none solid; border-color: currentcolor currentcolor currentcolor rgb(7, 193, 96); border-image: initial; font-size: 0.9em; overflow: auto; background: rgb(246, 248, 250); color: rgb(71, 85, 105); border-radius: 2px;&quot;&gt;&lt;p style=&quot;margin: 0px; padding: 0px; box-sizing: border-box; letter-spacing: 0.5px; font-size: 15px; line-height: 1.8;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;它就是一个免费的 Visio 替代工具。&lt;/span&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;hr style=&quot;margin: 28px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: rgb(226, 232, 240);&quot;/&gt;&lt;h1 style=&quot;margin: 10px 8px 20px; padding: 0px 0px 12px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 28px; color: rgb(26, 26, 26); text-align: center; border-bottom: 2px solid rgb(7, 193, 96); letter-spacing: 1px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;⚙️ Draw.io主要用途&lt;/span&gt;&lt;/span&gt;&lt;/h1&gt;&lt;h2 style=&quot;margin: 20px 8px 14px; padding: 0px 0px 0px 12px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 22px; border-left: 4px solid rgb(7, 193, 96); line-height: 1.4; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;1️⃣ 流程图制作&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;这是 Draw.io 最常用的功能。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;例如：&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;工作流程：&lt;/span&gt;&lt;/p&gt;&lt;pre style=&quot;margin: 10px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-size: 16px; letter-spacing: 0.3px; background-color: rgb(248, 249, 250); border-radius: 6px; overflow: auto hidden;&quot;&gt;&lt;code style=&quot;white-space: pre-wrap; margin: 0px; padding: 16px; box-sizing: border-box; min-width: max-content; border-radius: 4px; font-family: &amp;quot;SF Mono&amp;quot;, Monaco, &amp;quot;Cascadia Code&amp;quot;, &amp;quot;Roboto Mono&amp;quot;, Consolas, monospace; font-size: 14px; line-height: 1.6; border: 1px solid rgb(226, 232, 240); display: block; overflow-x: auto; color: rgb(51, 51, 51); background: rgb(248, 248, 248); letter-spacing: 0px;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;开始&lt;/span&gt;&lt;span leaf=&quot;&quot;&gt;&lt;br/&gt;&lt;/span&gt;&lt;span leaf=&quot;&quot;&gt;&amp;nbsp;↓&lt;/span&gt;&lt;span leaf=&quot;&quot;&gt;&lt;br/&gt;&lt;/span&gt;&lt;span leaf=&quot;&quot;&gt;提交申请&lt;/span&gt;&lt;span leaf=&quot;&quot;&gt;&lt;br/&gt;&lt;/span&gt;&lt;span leaf=&quot;&quot;&gt;&amp;nbsp;↓&lt;/span&gt;&lt;span leaf=&quot;&quot;&gt;&lt;br/&gt;&lt;/span&gt;&lt;span leaf=&quot;&quot;&gt;审核&lt;/span&gt;&lt;span leaf=&quot;&quot;&gt;&lt;br/&gt;&lt;/span&gt;&lt;span leaf=&quot;&quot;&gt;&amp;nbsp;↓&lt;/span&gt;&lt;span leaf=&quot;&quot;&gt;&lt;br/&gt;&lt;/span&gt;&lt;span leaf=&quot;&quot;&gt;完成&lt;/span&gt;&lt;span leaf=&quot;&quot;&gt;&lt;br/&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;适合：&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;margin: 8px 0px; padding: 0px 8px 0px calc(32px); box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; color: rgb(52, 73, 94); background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;公司流程整理&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;产品设计&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;项目管理&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;工作汇报&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;相比Word里的普通形状，Draw.io调整起来更加方便。&lt;/span&gt;&lt;/p&gt;&lt;hr style=&quot;margin: 28px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: rgb(226, 232, 240);&quot;/&gt;&lt;h2 style=&quot;margin: 20px 8px 14px; padding: 0px 0px 0px 12px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 22px; border-left: 4px solid rgb(7, 193, 96); line-height: 1.4; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;2️⃣ 软件架构图&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;对于程序员、产品经理来说非常实用。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;可以制作：&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;margin: 8px 0px; padding: 0px 8px 0px calc(32px); box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; color: rgb(52, 73, 94); background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;系统架构图&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;前后端结构图&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;数据库关系图&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;API调用流程&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;例如：&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;用户端&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;↓&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;服务器&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;↓&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;数据库&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;↓&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;第三方接口&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;整个系统逻辑一眼清晰。&lt;/span&gt;&lt;/p&gt;&lt;hr style=&quot;margin: 28px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: rgb(226, 232, 240);&quot;/&gt;&lt;h2 style=&quot;margin: 20px 8px 14px; padding: 0px 0px 0px 12px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 22px; border-left: 4px solid rgb(7, 193, 96); line-height: 1.4; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;3️⃣ 网络拓扑图&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;网络工程人员经常使用。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;支持：&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;margin: 8px 0px; padding: 0px 8px 0px calc(32px); box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; color: rgb(52, 73, 94); background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;路由器&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;交换机&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;防火墙&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;服务器&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;云服务架构&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;内置大量网络设备图标。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;制作机房结构图非常方便。&lt;/span&gt;&lt;/p&gt;&lt;hr style=&quot;margin: 28px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: rgb(226, 232, 240);&quot;/&gt;&lt;h2 style=&quot;margin: 20px 8px 14px; padding: 0px 0px 0px 12px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 22px; border-left: 4px solid rgb(7, 193, 96); line-height: 1.4; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;4️⃣ 思维导图&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;虽然 Draw.io 不是专业思维导图软件。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;但简单整理：&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;margin: 8px 0px; padding: 0px 8px 0px calc(32px); box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; color: rgb(52, 73, 94); background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;学习笔记&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;产品规划&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;项目拆解&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;完全够用。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;优势是：&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;思维导图和流程图可以混合制作。&lt;/span&gt;&lt;/p&gt;&lt;hr style=&quot;margin: 28px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: rgb(226, 232, 240);&quot;/&gt;&lt;h1 style=&quot;margin: 10px 8px 20px; padding: 0px 0px 12px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 28px; color: rgb(26, 26, 26); text-align: center; border-bottom: 2px solid rgb(7, 193, 96); letter-spacing: 1px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;🧩 Draw.io核心功能解析&lt;/span&gt;&lt;/span&gt;&lt;/h1&gt;&lt;h2 style=&quot;margin: 20px 8px 14px; padding: 0px 0px 0px 12px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 22px; border-left: 4px solid rgb(7, 193, 96); line-height: 1.4; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;📂 丰富模板库&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;打开软件后，可以直接选择模板。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;包含：&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;📌 流程图&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;📌 UML图&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;📌 网络图&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;📌 ER数据库图&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;📌 &lt;span class=&quot;&quot; link-id=&quot;link-1784509033952-0.2720811909574081&quot;&gt;甘特图&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;📌 组织结构图&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;新手不用从空白页面开始。&lt;/span&gt;&lt;/p&gt;&lt;hr style=&quot;margin: 28px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: rgb(226, 232, 240);&quot;/&gt;&lt;h2 style=&quot;margin: 20px 8px 14px; padding: 0px 0px 0px 12px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 22px; border-left: 4px solid rgb(7, 193, 96); line-height: 1.4; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;🖱 拖拽式编辑&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;操作逻辑类似PPT。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;步骤：&lt;/span&gt;&lt;/p&gt;&lt;ol style=&quot;margin: 8px 0px; padding: 0px 8px 0px calc(32px); box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; color: rgb(52, 73, 94); background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;选择图形&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;拖入画布&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;修改文字&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;添加连接线&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;学习成本非常低。&lt;/span&gt;&lt;/p&gt;&lt;hr style=&quot;margin: 28px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: rgb(226, 232, 240);&quot;/&gt;&lt;h2 style=&quot;margin: 20px 8px 14px; padding: 0px 0px 0px 12px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 22px; border-left: 4px solid rgb(7, 193, 96); line-height: 1.4; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;☁ 多平台同步&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;支持保存到：&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;margin: 8px 0px; padding: 0px 8px 0px calc(32px); box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; color: rgb(52, 73, 94); background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;Google Drive&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;OneDrive&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;Dropbox&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;GitHub&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;也支持：&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;本地保存文件。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;适合团队协作。&lt;/span&gt;&lt;/p&gt;&lt;hr style=&quot;margin: 28px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: rgb(226, 232, 240);&quot;/&gt;&lt;h2 style=&quot;margin: 20px 8px 14px; padding: 0px 0px 0px 12px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 22px; border-left: 4px solid rgb(7, 193, 96); line-height: 1.4; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;📦 支持多种格式&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;可以导出：&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;margin: 8px 0px; padding: 0px 8px 0px calc(32px); box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; color: rgb(52, 73, 94); background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;PNG&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;JPEG&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;SVG&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;PDF&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;HTML&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;如果制作报告、论文、方案文档，非常方便。&lt;/span&gt;&lt;/p&gt;&lt;hr style=&quot;margin: 28px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: rgb(226, 232, 240);&quot;/&gt;&lt;h1 style=&quot;margin: 10px 8px 20px; padding: 0px 0px 12px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 28px; color: rgb(26, 26, 26); text-align: center; border-bottom: 2px solid rgb(7, 193, 96); letter-spacing: 1px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;🛠 实用操作技巧&lt;/span&gt;&lt;/span&gt;&lt;/h1&gt;&lt;h2 style=&quot;margin: 20px 8px 14px; padding: 0px 0px 0px 12px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 22px; border-left: 4px solid rgb(7, 193, 96); line-height: 1.4; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;技巧1：开启自动连接&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;制作流程图时：&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;拖动图形边缘连接点。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;软件会自动生成连接线。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;不用手动画箭头。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;效率提升明显。&lt;/span&gt;&lt;/p&gt;&lt;hr style=&quot;margin: 28px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: rgb(226, 232, 240);&quot;/&gt;&lt;h2 style=&quot;margin: 20px 8px 14px; padding: 0px 0px 0px 12px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 22px; border-left: 4px solid rgb(7, 193, 96); line-height: 1.4; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;技巧2：使用快捷复制&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;大量重复节点：&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;直接：&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;Ctrl + D&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;快速复制。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;制作：&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;流程节点&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;服务器模块&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;组织架构&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;非常省时间。&lt;/span&gt;&lt;/p&gt;&lt;hr style=&quot;margin: 28px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: rgb(226, 232, 240);&quot;/&gt;&lt;h2 style=&quot;margin: 20px 8px 14px; padding: 0px 0px 0px 12px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 22px; border-left: 4px solid rgb(7, 193, 96); line-height: 1.4; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;技巧3：统一调整样式&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;选中多个图形。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;可以批量修改：&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;margin: 8px 0px; padding: 0px 8px 0px calc(32px); box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; color: rgb(52, 73, 94); background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;字体&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;颜色&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;边框&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;大小&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;避免一个个调整。&lt;/span&gt;&lt;/p&gt;&lt;hr style=&quot;margin: 28px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: rgb(226, 232, 240);&quot;/&gt;&lt;h2 style=&quot;margin: 20px 8px 14px; padding: 0px 0px 0px 12px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 22px; border-left: 4px solid rgb(7, 193, 96); line-height: 1.4; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;技巧4：保存源文件&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;建议保存：&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;code style=&quot;margin: 0px 3px; padding: 3px 6px; box-sizing: border-box; overflow-wrap: break-word; word-break: break-all; background: rgb(240, 253, 244); border-radius: 3px; color: rgb(5, 150, 105); font-family: &amp;quot;SF Mono&amp;quot;, Monaco, &amp;quot;Cascadia Code&amp;quot;, &amp;quot;Roboto Mono&amp;quot;, Consolas, monospace; font-size: 0.9em; border: 1px solid rgb(187, 247, 208); letter-spacing: 0px;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;.drawio&lt;/span&gt;&lt;/code&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;格式。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;不要只导出图片。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;因为：&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;图片无法继续编辑。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;源文件可以随时修改。&lt;/span&gt;&lt;/p&gt;&lt;hr style=&quot;margin: 28px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: rgb(226, 232, 240);&quot;/&gt;&lt;h1 style=&quot;margin: 10px 8px 20px; padding: 0px 0px 12px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 28px; color: rgb(26, 26, 26); text-align: center; border-bottom: 2px solid rgb(7, 193, 96); letter-spacing: 1px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;🚀 版本更新变化&lt;/span&gt;&lt;/span&gt;&lt;/h1&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;Draw.io不像商业软件采用传统版本号更新，而是持续迭代。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;主要升级方向：&lt;/span&gt;&lt;/p&gt;&lt;hr style=&quot;margin: 28px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: rgb(226, 232, 240);&quot;/&gt;&lt;h2 style=&quot;margin: 20px 8px 14px; padding: 0px 0px 0px 12px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 22px; border-left: 4px solid rgb(7, 193, 96); line-height: 1.4; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;diagrams.net 新版重点&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;&lt;h3 style=&quot;margin: 24px 8px 12px; padding: 0px 0px 0px 10px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; letter-spacing: 0.3px; white-space: normal; font-size: 19px; color: rgb(52, 73, 94); border-left: 3px solid rgb(7, 193, 96); background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;1. 界面持续优化&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;更新：&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;margin: 8px 0px; padding: 0px 8px 0px calc(32px); box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; color: rgb(52, 73, 94); background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;工具栏布局&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;图形搜索&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;编辑体验&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;让新用户更容易上手。&lt;/span&gt;&lt;/p&gt;&lt;hr style=&quot;margin: 28px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: rgb(226, 232, 240);&quot;/&gt;&lt;h3 style=&quot;margin: 24px 8px 12px; padding: 0px 0px 0px 10px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; letter-spacing: 0.3px; white-space: normal; font-size: 19px; color: rgb(52, 73, 94); border-left: 3px solid rgb(7, 193, 96); background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;2. 模板持续增加&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;新增：&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;margin: 8px 0px; padding: 0px 8px 0px calc(32px); box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; color: rgb(52, 73, 94); background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;软件架构模板&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;云服务图标&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;企业流程模板&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;覆盖场景越来越丰富。&lt;/span&gt;&lt;/p&gt;&lt;hr style=&quot;margin: 28px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: rgb(226, 232, 240);&quot;/&gt;&lt;h3 style=&quot;margin: 24px 8px 12px; padding: 0px 0px 0px 10px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; letter-spacing: 0.3px; white-space: normal; font-size: 19px; color: rgb(52, 73, 94); border-left: 3px solid rgb(7, 193, 96); background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;3. 文件兼容增强&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;不断优化：&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;margin: 8px 0px; padding: 0px 8px 0px calc(32px); box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; color: rgb(52, 73, 94); background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;Visio文件导入&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;SVG支持&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;PDF输出&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;方便企业环境使用。&lt;/span&gt;&lt;/p&gt;&lt;hr style=&quot;margin: 28px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: rgb(226, 232, 240);&quot;/&gt;&lt;h3 style=&quot;margin: 24px 8px 12px; padding: 0px 0px 0px 10px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; letter-spacing: 0.3px; white-space: normal; font-size: 19px; color: rgb(52, 73, 94); border-left: 3px solid rgb(7, 193, 96); background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;4. 离线版本增强&lt;/span&gt;&lt;/span&gt;&lt;/h3&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;桌面版支持：&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;Windows&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;macOS&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;Linux&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;即使没有网络，也可以继续编辑。&lt;/span&gt;&lt;/p&gt;&lt;hr style=&quot;margin: 28px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: rgb(226, 232, 240);&quot;/&gt;&lt;h1 style=&quot;margin: 10px 8px 20px; padding: 0px 0px 12px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 28px; color: rgb(26, 26, 26); text-align: center; border-bottom: 2px solid rgb(7, 193, 96); letter-spacing: 1px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;🆚 Draw.io VS Visio&lt;/span&gt;&lt;/span&gt;&lt;/h1&gt;&lt;p&gt;&lt;section style=&quot;margin: 0px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; overflow-x: auto; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;table width=&quot;NaN&quot;&gt;&lt;thead&gt;&lt;tr style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;border-width: 1px 0px 0px;border-right-style: initial;border-bottom-style: initial;border-left-style: initial;border-right-color: initial;border-bottom-color: initial;border-left-color: initial;border-image: initial;border-top-style: solid;border-top-color: rgb(204, 204, 204);background-color: rgb(255, 255, 255);&quot; class=&quot;firstRow&quot;&gt;&lt;th style=&quot;margin: 0px; padding: 6px 8px; box-sizing: border-box; text-align: center; border-color: rgb(226, 232, 240); font-size: 15px; line-height: 1.4; background: rgb(240, 253, 244); color: rgb(6, 95, 70); letter-spacing: 0.3px; min-width: 100px;&quot;&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;对比&lt;/span&gt;&lt;/section&gt;&lt;/th&gt;&lt;th style=&quot;margin: 0px; padding: 6px 8px; box-sizing: border-box; text-align: center; border-color: rgb(226, 232, 240); font-size: 15px; line-height: 1.4; background: rgb(240, 253, 244); color: rgb(6, 95, 70); letter-spacing: 0.3px; min-width: 100px;&quot;&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;Draw.io&lt;/span&gt;&lt;/section&gt;&lt;/th&gt;&lt;th style=&quot;margin: 0px; padding: 6px 8px; box-sizing: border-box; text-align: center; border-color: rgb(226, 232, 240); font-size: 15px; line-height: 1.4; background: rgb(240, 253, 244); color: rgb(6, 95, 70); letter-spacing: 0.3px; min-width: 100px;&quot;&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;Visio&lt;/span&gt;&lt;/section&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;border-width: 1px 0px 0px;border-right-style: initial;border-bottom-style: initial;border-left-style: initial;border-right-color: initial;border-bottom-color: initial;border-left-color: initial;border-image: initial;border-top-style: solid;border-top-color: rgb(204, 204, 204);background-color: rgb(255, 255, 255);&quot;&gt;&lt;td style=&quot;margin: 0px; padding: 6px 8px; box-sizing: border-box; text-align: center; border-color: rgb(226, 232, 240); font-size: 15px; color: rgb(51, 65, 85); line-height: 1.4; min-width: 100px;&quot;&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;价格&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;margin: 0px; padding: 6px 8px; box-sizing: border-box; text-align: center; border-color: rgb(226, 232, 240); font-size: 15px; color: rgb(51, 65, 85); line-height: 1.4; min-width: 100px;&quot;&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;免费&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;margin: 0px; padding: 6px 8px; box-sizing: border-box; text-align: center; border-color: rgb(226, 232, 240); font-size: 15px; color: rgb(51, 65, 85); line-height: 1.4; min-width: 100px;&quot;&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;付费&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;border-width: 1px 0px 0px;border-right-style: initial;border-bottom-style: initial;border-left-style: initial;border-right-color: initial;border-bottom-color: initial;border-left-color: initial;border-image: initial;border-top-style: solid;border-top-color: rgb(204, 204, 204);background-color: rgb(248, 250, 252);&quot;&gt;&lt;td style=&quot;margin: 0px; padding: 6px 8px; box-sizing: border-box; text-align: center; border-color: rgb(226, 232, 240); font-size: 15px; color: rgb(51, 65, 85); line-height: 1.4; min-width: 100px;&quot;&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;开源&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;margin: 0px; padding: 6px 8px; box-sizing: border-box; text-align: center; border-color: rgb(226, 232, 240); font-size: 15px; color: rgb(51, 65, 85); line-height: 1.4; min-width: 100px;&quot;&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;✅&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;margin: 0px; padding: 6px 8px; box-sizing: border-box; text-align: center; border-color: rgb(226, 232, 240); font-size: 15px; color: rgb(51, 65, 85); line-height: 1.4; min-width: 100px;&quot;&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;❌&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;border-width: 1px 0px 0px;border-right-style: initial;border-bottom-style: initial;border-left-style: initial;border-right-color: initial;border-bottom-color: initial;border-left-color: initial;border-image: initial;border-top-style: solid;border-top-color: rgb(204, 204, 204);background-color: rgb(255, 255, 255);&quot;&gt;&lt;td style=&quot;margin: 0px; padding: 6px 8px; box-sizing: border-box; text-align: center; border-color: rgb(226, 232, 240); font-size: 15px; color: rgb(51, 65, 85); line-height: 1.4; min-width: 100px;&quot;&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;上手难度&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;margin: 0px; padding: 6px 8px; box-sizing: border-box; text-align: center; border-color: rgb(226, 232, 240); font-size: 15px; color: rgb(51, 65, 85); line-height: 1.4; min-width: 100px;&quot;&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;简单&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;margin: 0px; padding: 6px 8px; box-sizing: border-box; text-align: center; border-color: rgb(226, 232, 240); font-size: 15px; color: rgb(51, 65, 85); line-height: 1.4; min-width: 100px;&quot;&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;中等&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;border-width: 1px 0px 0px;border-right-style: initial;border-bottom-style: initial;border-left-style: initial;border-right-color: initial;border-bottom-color: initial;border-left-color: initial;border-image: initial;border-top-style: solid;border-top-color: rgb(204, 204, 204);background-color: rgb(248, 250, 252);&quot;&gt;&lt;td style=&quot;margin: 0px; padding: 6px 8px; box-sizing: border-box; text-align: center; border-color: rgb(226, 232, 240); font-size: 15px; color: rgb(51, 65, 85); line-height: 1.4; min-width: 100px;&quot;&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;企业功能&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;margin: 0px; padding: 6px 8px; box-sizing: border-box; text-align: center; border-color: rgb(226, 232, 240); font-size: 15px; color: rgb(51, 65, 85); line-height: 1.4; min-width: 100px;&quot;&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;较丰富&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;margin: 0px; padding: 6px 8px; box-sizing: border-box; text-align: center; border-color: rgb(226, 232, 240); font-size: 15px; color: rgb(51, 65, 85); line-height: 1.4; min-width: 100px;&quot;&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;更完整&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;border-width: 1px 0px 0px;border-right-style: initial;border-bottom-style: initial;border-left-style: initial;border-right-color: initial;border-bottom-color: initial;border-left-color: initial;border-image: initial;border-top-style: solid;border-top-color: rgb(204, 204, 204);background-color: rgb(255, 255, 255);&quot;&gt;&lt;td style=&quot;margin: 0px; padding: 6px 8px; box-sizing: border-box; text-align: center; border-color: rgb(226, 232, 240); font-size: 15px; color: rgb(51, 65, 85); line-height: 1.4; min-width: 100px;&quot;&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;流程图&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;margin: 0px; padding: 6px 8px; box-sizing: border-box; text-align: center; border-color: rgb(226, 232, 240); font-size: 15px; color: rgb(51, 65, 85); line-height: 1.4; min-width: 100px;&quot;&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;⭐⭐⭐⭐⭐&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;margin: 0px; padding: 6px 8px; box-sizing: border-box; text-align: center; border-color: rgb(226, 232, 240); font-size: 15px; color: rgb(51, 65, 85); line-height: 1.4; min-width: 100px;&quot;&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;⭐⭐⭐⭐⭐&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;border-width: 1px 0px 0px;border-right-style: initial;border-bottom-style: initial;border-left-style: initial;border-right-color: initial;border-bottom-color: initial;border-left-color: initial;border-image: initial;border-top-style: solid;border-top-color: rgb(204, 204, 204);background-color: rgb(248, 250, 252);&quot;&gt;&lt;td style=&quot;margin: 0px; padding: 6px 8px; box-sizing: border-box; text-align: center; border-color: rgb(226, 232, 240); font-size: 15px; color: rgb(51, 65, 85); line-height: 1.4; min-width: 100px;&quot;&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;架构图&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;margin: 0px; padding: 6px 8px; box-sizing: border-box; text-align: center; border-color: rgb(226, 232, 240); font-size: 15px; color: rgb(51, 65, 85); line-height: 1.4; min-width: 100px;&quot;&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;⭐⭐⭐⭐⭐&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;margin: 0px; padding: 6px 8px; box-sizing: border-box; text-align: center; border-color: rgb(226, 232, 240); font-size: 15px; color: rgb(51, 65, 85); line-height: 1.4; min-width: 100px;&quot;&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;⭐⭐⭐⭐⭐&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;border-width: 1px 0px 0px;border-right-style: initial;border-bottom-style: initial;border-left-style: initial;border-right-color: initial;border-bottom-color: initial;border-left-color: initial;border-image: initial;border-top-style: solid;border-top-color: rgb(204, 204, 204);background-color: rgb(255, 255, 255);&quot;&gt;&lt;td style=&quot;margin: 0px; padding: 6px 8px; box-sizing: border-box; text-align: center; border-color: rgb(226, 232, 240); font-size: 15px; color: rgb(51, 65, 85); line-height: 1.4; min-width: 100px;&quot;&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;专业企业管理&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;margin: 0px; padding: 6px 8px; box-sizing: border-box; text-align: center; border-color: rgb(226, 232, 240); font-size: 15px; color: rgb(51, 65, 85); line-height: 1.4; min-width: 100px;&quot;&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;⭐⭐⭐⭐&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;margin: 0px; padding: 6px 8px; box-sizing: border-box; text-align: center; border-color: rgb(226, 232, 240); font-size: 15px; color: rgb(51, 65, 85); line-height: 1.4; min-width: 100px;&quot;&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;⭐⭐⭐⭐⭐&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;/p&gt;&lt;hr style=&quot;margin: 28px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: rgb(226, 232, 240);&quot;/&gt;&lt;h1 style=&quot;margin: 10px 8px 20px; padding: 0px 0px 12px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 28px; color: rgb(26, 26, 26); text-align: center; border-bottom: 2px solid rgb(7, 193, 96); letter-spacing: 1px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;👥 适合哪些人？&lt;/span&gt;&lt;/span&gt;&lt;/h1&gt;&lt;h2 style=&quot;margin: 20px 8px 14px; padding: 0px 0px 0px 12px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 22px; border-left: 4px solid rgb(7, 193, 96); line-height: 1.4; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;✅ 学生&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;适合：&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;margin: 8px 0px; padding: 0px 8px 0px calc(32px); box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; color: rgb(52, 73, 94); background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;课程作业&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;毕业设计&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;思维整理&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ul&gt;&lt;hr style=&quot;margin: 28px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: rgb(226, 232, 240);&quot;/&gt;&lt;h2 style=&quot;margin: 20px 8px 14px; padding: 0px 0px 0px 12px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 22px; border-left: 4px solid rgb(7, 193, 96); line-height: 1.4; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;✅ 程序员&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;适合：&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;margin: 8px 0px; padding: 0px 8px 0px calc(32px); box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; color: rgb(52, 73, 94); background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;架构设计&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;UML建模&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;技术文档&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ul&gt;&lt;hr style=&quot;margin: 28px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: rgb(226, 232, 240);&quot;/&gt;&lt;h2 style=&quot;margin: 20px 8px 14px; padding: 0px 0px 0px 12px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 22px; border-left: 4px solid rgb(7, 193, 96); line-height: 1.4; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;✅ 产品经理&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;适合：&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;margin: 8px 0px; padding: 0px 8px 0px calc(32px); box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; color: rgb(52, 73, 94); background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;产品流程&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;用户体验设计&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;需求分析&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ul&gt;&lt;hr style=&quot;margin: 28px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: rgb(226, 232, 240);&quot;/&gt;&lt;h2 style=&quot;margin: 20px 8px 14px; padding: 0px 0px 0px 12px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 22px; border-left: 4px solid rgb(7, 193, 96); line-height: 1.4; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;✅ 普通办公用户&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;适合：&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;margin: 8px 0px; padding: 0px 8px 0px calc(32px); box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; color: rgb(52, 73, 94); background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;工作流程图&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;汇报材料&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;项目规划&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ul&gt;&lt;hr style=&quot;margin: 28px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: rgb(226, 232, 240);&quot;/&gt;&lt;h1 style=&quot;margin: 10px 8px 20px; padding: 0px 0px 12px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 28px; color: rgb(26, 26, 26); text-align: center; border-bottom: 2px solid rgb(7, 193, 96); letter-spacing: 1px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;💡 使用建议&lt;/span&gt;&lt;/span&gt;&lt;/h1&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;如果你的需求是：&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;✅ 免费画流程图&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;✅ 制作技术架构图&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;✅ 替代Visio基础功能&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;✅ 偶尔制作项目图表&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;Draw.io非常合适。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;但如果需要：&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;margin: 8px 0px; padding: 0px 8px 0px calc(32px); box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; color: rgb(52, 73, 94); background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;大型企业流程管理&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;专业数据库建模&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section style=&quot;margin: 8px 0px; padding: 0px; box-sizing: border-box; line-height: 1.8; color: rgb(52, 73, 94);&quot;&gt;&lt;span leaf=&quot;&quot;&gt;深度Office生态集成&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;Visio仍然更强。&lt;/span&gt;&lt;/p&gt;&lt;hr style=&quot;margin: 28px 8px; padding: 0px; box-sizing: border-box; color: rgb(44, 62, 80); font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; letter-spacing: 0.3px; white-space: normal; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; background: rgb(226, 232, 240);&quot;/&gt;&lt;h1 style=&quot;margin: 10px 8px 20px; padding: 0px 0px 12px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; white-space: normal; font-size: 28px; color: rgb(26, 26, 26); text-align: center; border-bottom: 2px solid rgb(7, 193, 96); letter-spacing: 1px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span style=&quot;margin: 0px; padding: 0px; box-sizing: border-box;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;✅ 总结&lt;/span&gt;&lt;/span&gt;&lt;/h1&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;Draw.io最大的优势不是功能堆叠，而是&lt;/span&gt;&lt;span style=&quot;margin: 0px;padding: 0px;box-sizing: border-box;font-weight: 600;color: #07C160;letter-spacing: 0.2px;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;简单、免费、够专业&lt;/span&gt;&lt;/span&gt;&lt;span leaf=&quot;&quot;&gt;。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;对于大多数用户来说，它已经覆盖了日常90%以上的绘图需求。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;无论是学生整理笔记、程序员设计架构，还是职场制作流程图，都可以快速上手。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;margin: 8px 0px; padding: 0px 8px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, sans-serif; font-size: 16px; white-space: normal; color: rgb(52, 73, 94); line-height: 1.8; letter-spacing: 0.5px; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;如果电脑里只想保留一款免费的流程图工具，Draw.io值得长期安装。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Sun, 19 Jul 2026 08:58:05 +0800</pubDate></item><item><title>3 类资料变流程图：Next AI Draw.io 适合谁用</title><link>https://drawio.com.cn/post/267.html</link><description>&lt;section style=&quot;margin: 0px 0px 28px; padding: 17px 0px 10px; border-top: 3px double rgb(43, 38, 31); visibility: visible;&quot;&gt;&lt;p style=&quot;font-size: 12px; line-height: 1.5; margin: 0px; color: rgb(138, 51, 40); letter-spacing: 2.8px; font-weight: 900; visibility: visible; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;MAIN ACCOUNT NOTE&lt;/span&gt;&lt;/p&gt;&lt;/section&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left; visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;摘要：&lt;span class=&quot;&quot; link-id=&quot;link-1784509244743-0.34239053689916754&quot;&gt;Next AI Draw.io&lt;/span&gt; 是一个把自然语言、PDF、文本和图片接到 draw.io 里的开源工具。它最有用的地方，不是生成一张好看的图，而是把流程图变成还能继续改的 &lt;span class=&quot;&quot; link-id=&quot;link-1784509244758-0.7468058760053269&quot;&gt;draw.io&lt;/span&gt; 文件。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left; visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;很多人画流程图，卡住的地方不是不知道流程是什么。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left; visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;真正烦的是动手那一步。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left; visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;会议纪要里已经写了一堆步骤，业务流程也大概想清楚了，但一打开 draw.io，还是要从第一个方框、第一根箭头开始拖。拖完还要调位置，改文案，补关系。你只是想把脑子里的东西摆清楚，结果先被画布消耗了一轮耐心。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left; visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;Next AI Draw.io 解决的就是这个动作。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left; visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;它是一个开源项目，核心做法是把 AI 接进 draw.io 图表里。你可以用自然语言告诉它要画什么，它先生成一版图；觉得不对，再继续用聊天的方式改节点、连线和布局。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left; visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;这和普通 AI 画图不太一样。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left; visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;普通 AI 生成一张图，很多时候结果只是看着像。你后面想改一个节点、调一条线，往往还是要重来。Next AI Draw.io 更关键的点是：它处理的是 draw.io 图，后面还可以继续手动编辑，也可以继续让 AI 改。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left; visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;所以它不是一个帮我画张漂亮图的工具，更像是把流程图起草这一步，从手动拖拽改成先说清楚、再调整。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;section style=&quot;margin: 32px 0px 36px; text-align: center; visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;&lt;img alt=&quot;Next AI Draw.io 的 GitHub 仓库页面&quot; data-aistatus=&quot;1&quot; data-ratio=&quot;0.5&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720090157_55527.png&quot; data-w=&quot;1080&quot; style=&quot;display: block; width: 677px !important; height: auto !important; border: 1px solid rgb(228, 218, 207); visibility: visible !important;&quot; data-original-style=&quot;display:block;width:100%;height:auto;border:1px solid #E4DACF;&quot; data-index=&quot;3&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720090157_55527.png&quot; _width=&quot;100%&quot; data-before-load-time=&quot;1784509244958&quot; data-report-img-idx=&quot;0&quot; data-fail=&quot;0&quot;/&gt;&lt;/span&gt;&lt;p style=&quot;font-size: 13px; line-height: 1.65; margin: 9px 4px 0px; color: rgb(125, 116, 105); text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;Next AI Draw.io 的 GitHub 仓库页面&lt;/span&gt;&lt;/p&gt;&lt;/section&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;按项目 README 看，它支持几类常见输入：&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;1. 直接用一句话生成图。比如让它画登录流程、审批流程、系统架构图。&lt;/span&gt;&lt;span leaf=&quot;&quot;&gt;&lt;br style=&quot;text-align: left;&quot;/&gt;&lt;/span&gt;&lt;span leaf=&quot;&quot;&gt;2. 上传图片，让它参考已有图重新整理。&lt;/span&gt;&lt;span leaf=&quot;&quot;&gt;&lt;br style=&quot;text-align: left;&quot;/&gt;&lt;/span&gt;&lt;span leaf=&quot;&quot;&gt;3. 上传 PDF 或文本文件，从现有材料里抽取内容再生成图。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;这三个入口，其实对应的是同一个问题：别让我总从一张白纸开始。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;section style=&quot;margin:32px 0 36px;text-align:center;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;&lt;img alt=&quot;Next AI Draw.io 的输入、生成和继续修改关系&quot; data-aistatus=&quot;1&quot; data-ratio=&quot;0.6666666666666666&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720090157_56225.png&quot; data-w=&quot;1080&quot; style=&quot;display: block; width: 677px !important; height: auto !important; border: 1px solid rgb(228, 218, 207); visibility: visible !important;&quot; data-original-style=&quot;display:block;width:100%;height:auto;border:1px solid #E4DACF;&quot; data-index=&quot;4&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720090157_56225.png&quot; _width=&quot;100%&quot; data-before-load-time=&quot;1784509247332&quot; data-report-img-idx=&quot;1&quot; data-fail=&quot;0&quot;/&gt;&lt;/span&gt;&lt;p style=&quot;font-size: 13px; line-height: 1.65; margin: 9px 4px 0px; color: rgb(125, 116, 105); text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;Next AI Draw.io 的输入、生成和继续修改关系&lt;/span&gt;&lt;/p&gt;&lt;/section&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;我觉得它最适合的场景，是已经有材料，但材料还没有变成图的时候。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;比如开完会以后，纪要里已经有谁先做、谁审批、失败怎么回退；写方案时，文档里写着输入、处理、输出、复核；梳理一个业务流程时，聊天记录里有一堆零散步骤。以前你要先读一遍，再自己画。现在可以先把材料喂进去，让它出一个初稿。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;初稿不一定一次就对。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;但只要它能把 60 分的结构先摆出来，后面你再补节点、改顺序、删多余关系，就比从零拖图轻很多。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;我查了一下仓库信息。Next AI Draw.io 的 GitHub 仓库是 &lt;/span&gt;&lt;code style=&quot;padding:1px 5px;border-radius:3px;background:#F7F1E7;color:#8A3328;font-size:0.92em;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;DayuanJiang/next-ai-draw-io&lt;/span&gt;&lt;/code&gt;&lt;span leaf=&quot;&quot;&gt;。截至 2026 年 7 月 12 日，GitHub API 显示它有 33,369 个 stars、3,611 个 forks、18 个 release，最新 release 是 v0.4.16，发布时间是 2026 年 5 月 21 日。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;这些数字不能直接证明它一定好用，但能说明它不是一个刚冒出来、没人维护的小项目。对工具分享来说，这个信息够重要：至少值得点进去看 README、试 Demo，再决定要不要放进自己的工作流。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;如果你想上手，路径也不复杂。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;第一步，先打开它的在线 Demo。README 里写了可以直接试用，不用先安装。Demo 有使用额度；如果想绕开额度，可以在聊天面板的设置里配置自己的模型 &lt;span class=&quot;&quot; link-id=&quot;link-1784509244758-0.6939466414883408&quot;&gt;API key&lt;/span&gt;。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;第二步，如果你担心线上 Demo 不稳定，或者想长期用，可以看 Releases 页面下载桌面端。项目支持 Windows、macOS 和 Linux。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;第三步，如果你有部署经验，也可以自己跑。README 给了基本命令：克隆仓库、安装依赖、复制环境变量文件，然后用 &lt;/span&gt;&lt;code style=&quot;padding:1px 5px;border-radius:3px;background:#F7F1E7;color:#8A3328;font-size:0.92em;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;npm run dev&lt;/span&gt;&lt;/code&gt;&lt;span leaf=&quot;&quot;&gt; 启动。它还提供 &lt;span class=&quot;&quot; link-id=&quot;link-1784509244760-0.32277040004876834&quot;&gt;Docker&lt;/span&gt;、Vercel、Cloudflare Workers 和 EdgeOne Pages 的部署方式。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;我不建议所有人一上来就本地部署。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;如果你只是偶尔画一个箭头、一个简单三步流程，真的没必要为了省十分钟，先给自己装一套工程环境。打开 draw.io 手动拖一下，可能更快。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;但如果你经常做这几类事，它就值得试：&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;section style=&quot;margin:26px 0 32px;padding:2px 0 2px 15px;border-left:2px solid #D8CBBD;&quot;&gt;&lt;p style=&quot;font-size: 15.5px; line-height: 1.9; margin: 7px 0px; color: rgb(44, 40, 35); text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;• 写汇报，需要把文字材料整理成流程图；&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 15.5px; line-height: 1.9; margin: 7px 0px; color: rgb(44, 40, 35); text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;• 做方案，需要把输入、处理、输出关系画清楚；&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 15.5px; line-height: 1.9; margin: 7px 0px; color: rgb(44, 40, 35); text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;• 开会复盘，需要把讨论结果变成可继续修改的图；&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 15.5px; line-height: 1.9; margin: 7px 0px; color: rgb(44, 40, 35); text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;• 梳理系统或业务流程，需要反复调整节点和连线。&lt;/span&gt;&lt;/p&gt;&lt;/section&gt;&lt;section style=&quot;margin:32px 0 36px;text-align:center;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;&lt;img alt=&quot;Next AI Draw.io 更适合高频流程图场景&quot; data-aistatus=&quot;1&quot; data-ratio=&quot;0.6666666666666666&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720090157_68990.png&quot; data-w=&quot;1080&quot; style=&quot;display: block; width: 677px !important; height: auto !important; border: 1px solid rgb(228, 218, 207); visibility: visible !important;&quot; data-original-style=&quot;display:block;width:100%;height:auto;border:1px solid #E4DACF;&quot; data-index=&quot;5&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720090157_68990.png&quot; _width=&quot;100%&quot; data-before-load-time=&quot;1784509249232&quot; data-report-img-idx=&quot;2&quot; data-fail=&quot;0&quot;/&gt;&lt;/span&gt;&lt;p style=&quot;font-size: 13px; line-height: 1.65; margin: 9px 4px 0px; color: rgb(125, 116, 105); text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;Next AI Draw.io 更适合高频流程图场景&lt;/span&gt;&lt;/p&gt;&lt;/section&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;它的边界也要先说清楚。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;第一，复杂流程仍然要人工复核。AI 能帮你起草结构，但业务里的审批条件、异常分支、责任人关系，不能只看图顺不顺眼。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;第二，模型成本和额度要考虑。在线 Demo 能试，但长期稳定使用，可能还是要配置自己的 API key 或自己部署。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;第三，不要把它当成万能画图工具。它强在 draw.io 这类结构化图表，不是海报设计，也不是随手生成插画。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;我会把它放进资料变结构图的工具箱里，而不是放进 AI 画图那一类。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;这个区别挺关键。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;AI 画图解决的是视觉结果。Next AI Draw.io 更像解决工作中间层：先把文字、PDF、旧图里的关系整理出来，再让人继续改。对真正要拿图去沟通、开会、写方案的人来说，这比一张漂亮但改不动的图更实用。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;所以我的使用建议很简单：如果你手里经常有成堆文字材料，却总要手动画流程图，可以先用在线 Demo 试一次。拿一段会议纪要或业务步骤喂进去，看它生成的图能不能帮你省掉第一轮拖拽。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;如果只是偶尔画图，就不用急着装。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 16px; line-height: 2.08; margin: 18px 0px; color: rgb(44, 40, 35); letter-spacing: 0px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;工具是给高频痛点准备的。你真的经常被流程图这一步卡住，它才有价值。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br style=&quot;text-align: left;&quot;/&gt;&lt;/p&gt;</description><pubDate>Sun, 12 Jul 2026 09:01:03 +0800</pubDate></item><item><title>新增和更新的导出格式</title><link>https://drawio.com.cn/post/261.html</link><description>&lt;p style=&quot;box-sizing: border-box; margin: 0px 0px 20px; line-height: 1.7; color: rgb(28, 30, 33); font-family: Inter, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, Oxygen, Ubuntu, sans-serif; font-size: 16px; white-space: normal; text-align: left;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;您可以&lt;/span&gt;&lt;a class=&quot;&quot; href=&quot;https://www.drawio.com/docs/manual/export/export-diagram/&quot; style=&quot;box-sizing: border-box; transition: color 0.2s cubic-bezier(0.08, 0.52, 0.52, 1); color: rgb(240, 135, 5); text-decoration: rgb(240, 135, 5);&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;将图表导出为多种格式&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;，包括各种图像文件（PNG、JPEG、SVG）、PDF、XML、HTML 以及包含图表数据的 URL。&lt;/span&gt;&lt;/p&gt;&lt;h2 id=&quot;export-to-an-animated-gif-image&quot; style=&quot;box-sizing: border-box; color: rgb(28, 30, 33); font-family: Inter, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, sans-serif; line-height: 1.25; margin: 40px 0px 20px; font-size: 32px; --ifm-h2-font-size: 2rem; scroll-margin-top: 72px; letter-spacing: -0.02em; white-space: normal; text-align: left;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;导出为动画 GIF 图像&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;box-sizing: border-box; margin: 0px 0px 20px; line-height: 1.7; color: rgb(28, 30, 33); font-family: Inter, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, Oxygen, Ubuntu, sans-serif; font-size: 16px; white-space: normal; text-align: left;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;现在您还可以将图表导出为动画 GIF。这非常适合那些使用动画效果将连接线从源形状流向目标形状的图表。&lt;/span&gt;&lt;br style=&quot;box-sizing: border-box; text-align: left;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720084751178450847194955.gif&quot;&gt;&lt;/p&gt;&lt;ol style=&quot;box-sizing: border-box; margin: 0px 0px 16px; padding-left: 32px; color: rgb(28, 30, 33); font-family: Inter, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, Oxygen, Ubuntu, sans-serif; font-size: 16px; white-space: normal;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;从 draw.io 菜单中&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;选择&lt;/span&gt;&lt;/span&gt;&lt;em style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;“文件”&amp;gt;“导出为”&amp;gt;“动画 GIF” 。&lt;/span&gt;&lt;/em&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;设置&lt;/span&gt;&lt;a class=&quot;&quot; href=&quot;https://www.drawio.com/docs/manual/export/export-to-animated-gif/&quot; style=&quot;box-sizing: border-box; transition: color 0.2s cubic-bezier(0.08, 0.52, 0.52, 1); color: rgb(240, 135, 5); text-decoration: rgb(240, 135, 5);&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;动画 GIF 导出选项&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;。&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;ul style=&quot;box-sizing: border-box; padding-left: 32px;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;&lt;/span&gt;&lt;em style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;将循环次数&lt;/span&gt;&lt;/em&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;设置&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;为无限循环，或重复 1 次、3 次或 5 次。默认值为&lt;/span&gt;&lt;/span&gt;&lt;em style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;无限循环&lt;/span&gt;&lt;/em&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;。&lt;/span&gt;&lt;br style=&quot;box-sizing: border-box; text-align: left;&quot;/&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720084751178450847164323.png&quot;&gt;&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/ol&gt;&lt;h2 id=&quot;export-to-a-json-file&quot; style=&quot;box-sizing: border-box; color: rgb(28, 30, 33); font-family: Inter, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, sans-serif; line-height: 1.25; margin: 40px 0px 20px; font-size: 32px; --ifm-h2-font-size: 2rem; scroll-margin-top: 72px; letter-spacing: -0.02em; white-space: normal; text-align: left;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;导出为 JSON 文件&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;box-sizing: border-box; margin: 0px 0px 20px; line-height: 1.7; color: rgb(28, 30, 33); font-family: Inter, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, Oxygen, Ubuntu, sans-serif; font-size: 16px; white-space: normal; text-align: left;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;&lt;/span&gt;&lt;code style=&quot;box-sizing: border-box; vertical-align: middle; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(248, 249, 250); border: 1px solid rgb(225, 228, 232); border-radius: 4px; font-family: &amp;quot;JetBrains Mono&amp;quot;, &amp;quot;Fira Code&amp;quot;, Consolas, monospace; font-size: 14.4px; padding: 2.4px 4.8px;&quot;&gt;.drawio&lt;/code&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;当 LLM 等程序需要解析或转换图表时，&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;JSON 文件格式的处理开销比原生 XML 格式要小。&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;box-sizing: border-box; margin: 0px 0px 20px; line-height: 1.7; color: rgb(28, 30, 33); font-family: Inter, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, Oxygen, Ubuntu, sans-serif; font-size: 16px; white-space: normal; text-align: left;&quot;&gt;&lt;a class=&quot;&quot; href=&quot;https://www.drawio.com/docs/manual/export/export-to-json/&quot; style=&quot;box-sizing: border-box; transition: color 0.2s cubic-bezier(0.08, 0.52, 0.52, 1); color: rgb(240, 135, 5); text-decoration: rgb(240, 135, 5);&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;当您需要将图表传递到 JavaScript 密集型管道、Web 应用程序的 API 或 LLM 以进行进一步操作时，&lt;/span&gt;&lt;a class=&quot;&quot; href=&quot;https://www.drawio.com/docs/manual/export/export-to-json/&quot; style=&quot;box-sizing: border-box; transition: color 0.2s cubic-bezier(0.08, 0.52, 0.52, 1); color: rgb(240, 135, 5); text-decoration: rgb(240, 135, 5);&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;请将图表导出为 JSON 文件。&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720084751178450847179822.png&quot;&gt;&lt;/p&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;color: #1C1E21; font-family: Inter, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, Oxygen, Ubuntu, sans-serif; font-size: 16px;&quot;&gt;&lt;/span&gt;&lt;/p&gt;&lt;h2 id=&quot;publish-to-presentation-mode&quot; style=&quot;box-sizing: border-box; color: rgb(28, 30, 33); font-family: Inter, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, sans-serif; line-height: 1.25; margin: 40px 0px 20px; font-size: 32px; --ifm-h2-font-size: 2rem; scroll-margin-top: 72px; letter-spacing: -0.02em; white-space: normal; text-align: left;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;发布到演示模式&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;box-sizing: border-box; margin: 0px 0px 20px; line-height: 1.7; color: rgb(28, 30, 33); font-family: Inter, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, Oxygen, Ubuntu, sans-serif; font-size: 16px; white-space: normal; text-align: left;&quot;&gt;&lt;a class=&quot;&quot; href=&quot;https://www.drawio.com/docs/manual/export/publish-presentation-mode/&quot; style=&quot;box-sizing: border-box; transition: color 0.2s cubic-bezier(0.08, 0.52, 0.52, 1); color: rgb(240, 135, 5); text-decoration: rgb(240, 135, 5);&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;演示模式&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;使用简化的查看器，将通常位于 Lightbox 底部的工具栏移至浏览器标签页的右上角。这非常适合在会议上展示图表，或使用 draw.io 创建幻灯片。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;box-sizing: border-box; margin: 0px 0px 20px; line-height: 1.7; color: rgb(28, 30, 33); font-family: Inter, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, Oxygen, Ubuntu, sans-serif; font-size: 16px; white-space: normal; text-align: left;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;选择&lt;/span&gt;&lt;em style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;“文件”&amp;gt;“发布”&amp;gt;“演示模式”&lt;/span&gt;&lt;/em&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;，即可在简化的查看器中打开图表页面。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;box-sizing: border-box; margin: 0px 0px 20px; line-height: 1.7; color: rgb(28, 30, 33); font-family: Inter, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, Oxygen, Ubuntu, sans-serif; font-size: 16px; white-space: normal; text-align: left;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;处于演示模式时：&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;box-sizing: border-box; margin: 0px 0px 20px; padding-left: 32px; color: rgb(28, 30, 33); font-family: Inter, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, Oxygen, Ubuntu, sans-serif; font-size: 16px; white-space: normal;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;将鼠标悬停在图表上，即可查看工具提示、标签、链接和形状元数据（如果您已添加这些内容）。&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;点击链接——非常适合导航到其他图表页面。&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;使用右上角的迷你工具栏更改缩放级别并逐页浏览图表。&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;img src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720084751178450847135998.png&quot;&gt;&lt;/p&gt;</description><pubDate>Fri, 10 Jul 2026 08:46:28 +0800</pubDate></item><item><title>免费开源绘图神器drawio｜drawio客户端下载安装全攻略</title><link>https://drawio.com.cn/post/258.html</link><description>&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;&lt;span class=&quot;&quot; link-id=&quot;link-1783304475522-0.47955663441052754&quot;&gt;drawio&lt;/span&gt; 是一款开源且免费使用的多功能绘图软件。专门绘制工作中的流程图、思维导图、组织架构图、网络拓扑图、&lt;span class=&quot;&quot; link-id=&quot;link-1783304475540-0.35124422271856237&quot;&gt;ER 图&lt;/span&gt;、UML 图、甘特图等各类图形。不论是职场办公做业务流程图、项目架构图，还是学生做思维导图、知识梳理，均能完美胜任，功能覆盖日常 99% 的绘图需求。&lt;/span&gt;&lt;/section&gt;&lt;p style=&quot;font-size: 17px; color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin-bottom: 24px; visibility: visible; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;drawio 支持全平台使用，兼容 Windows、MacOS、Linux 系统，移动端和 drawio 网页版也能使用。不过 drawio 虽提供在线使用，但始终依赖网络，一旦断网就无法使用，且文件默认保存在云端，隐私性较差。但 drawio 桌面版是本地客户端，离线可用，文件保存在本地，安全稳定，是网页版不可比拟的。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;font-size: 17px; color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin-bottom: 24px; visibility: visible; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;和同类型的软件相比，drawio 的优势非常明显:&lt;/span&gt;&lt;/p&gt;&lt;table width=&quot;1438&quot;&gt;&lt;thead style=&quot;visibility: visible;&quot;&gt;&lt;tr style=&quot;visibility: visible;&quot; class=&quot;firstRow&quot;&gt;&lt;th style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;142&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;维度&lt;/span&gt;&lt;/section&gt;&lt;/th&gt;&lt;th style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;340&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;Drawio (桌面版)&lt;/span&gt;&lt;/section&gt;&lt;/th&gt;&lt;th style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;450&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;Microsoft Visio&lt;/span&gt;&lt;/section&gt;&lt;/th&gt;&lt;th style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;505&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;Lucidchart&lt;/span&gt;&lt;/section&gt;&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody style=&quot;visibility: visible;&quot;&gt;&lt;tr style=&quot;visibility: visible;&quot;&gt;&lt;td style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;142&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;费用成本&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;340&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;完全免费，无隐形消费&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;450&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;昂贵，需订阅Office 365或单独购买&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;505&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;基础版免费但限制多，高级版需月费订阅&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;visibility: visible;&quot;&gt;&lt;td style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;142&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;平台支持&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;340&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;全平台 (Win/Mac/Linux)&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;450&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;仅限 Windows (Mac版功能受限)&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;505&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;基于浏览器，跨平台但依赖网络&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;visibility: visible;&quot;&gt;&lt;td style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;142&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;数据存储&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;340&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;本地存储，隐私性极高&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;450&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;本地或OneDrive云端&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;505&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;强制云端存储，存在隐私顾虑&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;visibility: visible;&quot;&gt;&lt;td style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;142&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;上手难度&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;340&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;低，界面直观，拖拽即可&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;450&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;高，功能繁杂，学习曲线陡峭&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;505&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;中，界面美观但功能逻辑较复杂&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;visibility: visible;&quot;&gt;&lt;td style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;142&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;协作能力&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;340&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;较弱（依赖文件传输）&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;450&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;一般（依赖SharePoint）&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;505&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;极强，支持多人实时在线编辑&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr style=&quot;visibility: visible;&quot;&gt;&lt;td style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;142&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;文件格式&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;340&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;开放格式(.xml)，兼容性强&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;450&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;私有格式(.vsdx)，行业垄断&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;td style=&quot;visibility: visible; border-color: rgb(221, 221, 221);&quot; width=&quot;505&quot;&gt;&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;私有格式，导出受限&lt;/span&gt;&lt;/section&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p style=&quot;font-size: 17px; color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin-bottom: 24px; visibility: visible; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;总的来说，Drawio 最大的优势在于 “零成本” 和 “高自由度” 。它打破了商业软件的付费墙，把绘图的权利交给了用户。不仅免费无付费套路、跨平台、离线可用、功能全面，而且操作简单、文件安全、兼容性强。兼顾新手小白和专业用户，是性价比最高的全能绘图软件。&lt;/span&gt;&lt;/p&gt;&lt;h2 style=&quot;font-size: 17px; font-weight: 500; color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin-bottom: 12px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;下载 Drawio&lt;/span&gt;&lt;/h2&gt;&lt;blockquote style=&quot;font-size: 15px; color: rgba(0, 0, 0, 0.55); line-height: 1.8; margin-bottom: 24px; text-align: left;&quot;&gt;&lt;p style=&quot;font-size: 17px; color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin-bottom: 24px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;Drawio 安装包下载地址：&lt;a href=&quot;https://drawio.com.cn/&quot; _src=&quot;https://drawio.com.cn/&quot;&gt;https://drawio.com.cn/&lt;/a&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;p style=&quot;font-size: 17px; color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin-bottom: 24px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;下载链接内提供了 Windows 、macOs 和 Linux 系统的安装包，可以根据自己的需求进行下载：&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;font-size: 15px; color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin-bottom: 24px;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;draw.io-30.0.1-windows-installer.exe：适配 Windows 系统（ Intel/AMD 64 位处理器）&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;draw.io-arm64-30.0.1-windows-arm64-installer.exe：适配 Windows 系统（ ARM 架构处理器）&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;draw.io-universal-30.0.1.dmg：适配 macOs 系统&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;drawio-x86_64-30.0.1.rpm：适配 Linux 系统（ Fedora、CentOS、Red Hat、OpenSUSE 发行版）&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;drawio-x86_64-30.0.1.AppImage：适配 Linux 系统&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;drawio-amd64-30.0.1.deb：适配 Linux 系统（ Ubuntu、Debian、Deepin（深度）、Linux Mint 发行版）&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2 style=&quot;font-size: 17px; font-weight: 500; color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin-bottom: 12px; text-align: left;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;安装 Drawio&lt;/span&gt;&lt;/h2&gt;&lt;ol style=&quot;font-size: 15px; color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin-bottom: 24px;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;双击“draw.io-30.0.1-windows-installer.exe”：&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;section style=&quot;font-size: 17px; color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin-bottom: 24px;&quot; nodeleaf=&quot;&quot;&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img data-aistatus=&quot;1&quot; data-imgfileid=&quot;100000817&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260706102242_75825.jpeg&quot; data-type=&quot;jpeg&quot; data-original-style=&quot;null&quot; data-index=&quot;3&quot; alt=&quot;图片&quot; data-before-load-time=&quot;1783304475736&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260706102242_75825.jpeg&quot; style=&quot;height: auto !important; visibility: visible !important; width: auto !important;&quot; data-report-img-idx=&quot;0&quot; data-fail=&quot;0&quot;/&gt;&lt;/p&gt;&lt;/section&gt;&lt;/p&gt;&lt;ol style=&quot;font-size: 15px; color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin-bottom: 24px;&quot; start=&quot;2&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;程序默认存放在 C 盘，容易导致空间不足影响寿命，在对话框内选择“浏览”更改软件的存储路径：&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;section style=&quot;font-size: 17px; color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin-bottom: 24px;&quot; nodeleaf=&quot;&quot;&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img data-aistatus=&quot;1&quot; data-imgfileid=&quot;100000818&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260706102242_26118.jpeg&quot; data-type=&quot;jpeg&quot; data-original-style=&quot;null&quot; data-index=&quot;4&quot; alt=&quot;图片&quot; data-before-load-time=&quot;1783304476101&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260706102242_26118.jpeg&quot; style=&quot;height: auto !important; visibility: visible !important; width: auto !important;&quot; data-report-img-idx=&quot;1&quot; data-fail=&quot;0&quot;/&gt;&lt;/p&gt;&lt;/section&gt;&lt;/p&gt;&lt;ol style=&quot;font-size: 15px; color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin-bottom: 24px;&quot; start=&quot;3&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;我这里更改为 D 盘并选择“安装”：&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;section style=&quot;font-size: 17px; color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin-bottom: 24px;&quot; nodeleaf=&quot;&quot;&gt;&lt;p id=&quot;_img_parent_tmp&quot; style=&quot;text-align:center&quot;&gt;&lt;img data-aistatus=&quot;1&quot; data-imgfileid=&quot;100000821&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260706102242_85024.jpeg&quot; data-type=&quot;jpeg&quot; data-original-style=&quot;null&quot; data-index=&quot;5&quot; alt=&quot;图片&quot; data-before-load-time=&quot;1783304476113&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260706102242_85024.jpeg&quot; style=&quot;height: auto !important; visibility: visible !important; width: auto !important;&quot; data-report-img-idx=&quot;2&quot; data-fail=&quot;0&quot;/&gt;&lt;/p&gt;&lt;/section&gt;&lt;/p&gt;&lt;ol style=&quot;font-size: 15px; color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin-bottom: 24px;&quot; class=&quot; list-paddingleft-2&quot; start=&quot;4&quot;&gt;&lt;li&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;等待安装进度条为 100%：&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;&lt;section style=&quot;font-size: 17px; color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin-bottom: 24px; text-align: center;&quot; nodeleaf=&quot;&quot;&gt;&lt;img class=&quot;rich_pages wxw-img&quot; data-aistatus=&quot;1&quot; data-imgfileid=&quot;100000819&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260706102243_41016.jpeg&quot; data-type=&quot;jpeg&quot; data-original-style=&quot;null&quot; data-index=&quot;6&quot; alt=&quot;图片&quot; data-before-load-time=&quot;1783304476135&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260706102243_41016.jpeg&quot; style=&quot;height: auto !important; visibility: visible !important; width: auto !important;&quot; data-report-img-idx=&quot;3&quot; data-fail=&quot;0&quot;/&gt;&lt;/section&gt;&lt;/p&gt;&lt;ol style=&quot;font-size: 15px; color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin-bottom: 24px;&quot; class=&quot; list-paddingleft-2&quot; start=&quot;5&quot;&gt;&lt;li&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;选择“完成”：&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p&gt;&lt;section style=&quot;font-size: 17px; color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin-bottom: 24px; text-align: center;&quot; nodeleaf=&quot;&quot;&gt;&lt;img class=&quot;rich_pages wxw-img&quot; data-aistatus=&quot;1&quot; data-imgfileid=&quot;100000820&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260706102243_16624.jpeg&quot; data-type=&quot;jpeg&quot; data-original-style=&quot;null&quot; data-index=&quot;7&quot; alt=&quot;图片&quot; data-before-load-time=&quot;1783304476152&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260706102243_16624.jpeg&quot; style=&quot;height: auto !important; visibility: visible !important; width: auto !important;&quot; data-report-img-idx=&quot;4&quot; data-fail=&quot;0&quot;/&gt;&lt;/section&gt;&lt;/p&gt;&lt;h2 style=&quot;font-size: 17px;font-weight: 500;color: rgba(0,0,0,0.9);line-height: 1.8;margin-bottom: 12px;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;Drawio 注意事项和常见问题&lt;/span&gt;&lt;/h2&gt;&lt;h1 style=&quot;font-size: 20px;font-weight: 500;color: rgba(0,0,0,0.9);line-height: 1.8;margin-bottom: 12px;text-align: center;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;&lt;br/&gt;&lt;/span&gt;&lt;/h1&gt;&lt;h3&gt;&lt;span leaf=&quot;&quot;&gt;使用注意事项&lt;/span&gt;&lt;/h3&gt;&lt;ol style=&quot;font-size: 15px; color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin-bottom: 24px;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;优先使用 drawio 桌面版(本文提供的下载链接)，网页版文件云端保存，隐私性差，断网无法使用；&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;画图文件及时保存为 drawio 专属格式，后续可编辑，导出图片格式用于分享；&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;电脑内存不足时，不要绘制超大复杂图形，避免软件卡顿；&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;商用绘图直接使用，drawio 开源免费，无版权纠纷，可放心用于工作汇报、企业项目。&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ol&gt;&lt;h4&gt;&lt;span leaf=&quot;&quot;&gt;常见问题和解决办法&lt;/span&gt;&lt;/h4&gt;&lt;ol style=&quot;font-size: 15px; color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin-bottom: 24px;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;p style=&quot;font-size: 17px; line-height: 1.8; margin-bottom: 24px;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;中文显示乱码或字体不好看？&lt;/span&gt;&lt;br/&gt;&lt;span leaf=&quot;&quot;&gt;原因：默认字体不支持中文字体。&lt;/span&gt;&lt;br/&gt;&lt;span leaf=&quot;&quot;&gt;解决：选中文字或图形，在右侧的“文本”属性面板中，将字体手动修改为“微软雅黑”、“宋体”或“&lt;span class=&quot;&quot; link-id=&quot;link-1783304475541-0.6174953865031649&quot;&gt;思源黑体&lt;/span&gt;”等支持中文的字体。&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;font-size: 17px; line-height: 1.8; margin-bottom: 24px;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;导出的图片模糊不清？&lt;/span&gt;&lt;br/&gt;&lt;span leaf=&quot;&quot;&gt;原因：默认导出的分辨率较低。&lt;/span&gt;&lt;br/&gt;&lt;span leaf=&quot;&quot;&gt;解决：“文件”—“导出为”—“ PNG ”或“ JPEG ”，弹出的对话框中有一个“缩放”或“分辨率”选项，将其设置为 200% 或 300%DPI 即可。对于需要无限放大的场景，建议导出为 &lt;span class=&quot;&quot; link-id=&quot;link-1783304475542-0.19498371616118582&quot;&gt;SVG&lt;/span&gt; 矢量格式。&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;font-size: 17px; line-height: 1.8; margin-bottom: 24px;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;导入 Visio 文件失败？&lt;/span&gt;&lt;br/&gt;&lt;span leaf=&quot;&quot;&gt;原因：文件格式版本过旧/文件受保护。&lt;/span&gt;&lt;br/&gt;&lt;span leaf=&quot;&quot;&gt;解决：Drawio 目前主要支持导入“ .vsdx ”格式。如果文件是旧版的“ .vsd ”格式，建议用 Visio 转换。导入时，直接将文件拖拽到 Drawio 的绘图区域即可。&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;font-size: 17px; line-height: 1.8; margin-bottom: 24px;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;无法保存或找不到文件？&lt;/span&gt;&lt;br/&gt;&lt;span leaf=&quot;&quot;&gt;Drawio 桌面版默认是“另存为”。当新建一个图表时，需手动点击“文件”—“另存为”（&amp;quot; Ctrl + S &amp;quot;( Mac 为 &amp;quot; Cmd + S &amp;quot;)），并选择本地文件夹路径进行保存。&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;font-size: 17px; line-height: 1.8; margin-bottom: 24px;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;界面是英文的，如何汉化？&lt;/span&gt;&lt;br/&gt;&lt;span leaf=&quot;&quot;&gt;Drawio 支持简体中文。启动软件后，在菜单栏点击“ Extras ”(其他)—“ Language ” (语言)—选择 “ Simplified Chinese ” (简体中文)，显示中文版界面。&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;font-size: 17px; line-height: 1.8; margin-bottom: 24px;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;下载 drawio 桌面版后打不开？&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style=&quot;font-size: 15px; color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin-bottom: 24px;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;检查电脑系统是否匹配版本；&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;右键软件图标，选择以管理员身份运行；&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;关闭电脑杀毒软件，重新安装，部分杀毒软件会误拦截。&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ol style=&quot;font-size: 15px; color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin-bottom: 24px;&quot; class=&quot; list-paddingleft-2&quot; start=&quot;7&quot;&gt;&lt;li&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;drawio 客户端卡顿、反应慢？&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ol&gt;&lt;ul style=&quot;font-size: 15px; color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin-bottom: 24px;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;关闭其他占用内存的软件，清理电脑垃圾；&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;li&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;绘制复杂架构图时，拆分图形，减少单个画布元素数量。&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ol style=&quot;font-size: 15px; color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin-bottom: 24px;&quot; class=&quot; list-paddingleft-2&quot; start=&quot;8&quot;&gt;&lt;li&gt;&lt;section&gt;&lt;span leaf=&quot;&quot;&gt;找不到想要的绘图模板？&lt;/span&gt;&lt;br/&gt;&lt;span leaf=&quot;&quot;&gt;打开 drawio 软件后，在左侧模板库搜索关键词，如 “流程图、思维导图、架构图”，即可快速匹配对应模板。&lt;/span&gt;&lt;/section&gt;&lt;/li&gt;&lt;/ol&gt;&lt;h2 style=&quot;font-size: 17px;font-weight: 500;color: rgba(0,0,0,0.9);line-height: 1.8;margin-bottom: 12px;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;总结&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;font-size: 17px; color: rgba(0, 0, 0, 0.9); line-height: 1.8; margin-bottom: 24px;&quot;&gt;&lt;span leaf=&quot;&quot;&gt;drawio 软件是一款免费、全能、好用、跨平台的开源绘图工具，drawio 桌面版凭借离线稳定、本地安全、功能齐全、无付费套路的优势，成为了办公、学习、设计的必备软件。大家按照本文的下载安装教程，即可快速开启高效绘图，免费搞定各类图形制作，告别付费软件和繁琐操作。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Mon, 06 Jul 2026 10:21:25 +0800</pubDate></item><item><title>draw.io强大的开源神器不用忙手忙脚</title><link>https://drawio.com.cn/post/257.html</link><description>&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;你有因为事情太多而变得忙手忙脚吗？你在学习中有因为知识点杂乱而没有思绪吗？那你就来体验这款&lt;/span&gt;&lt;/section&gt;&lt;p&gt;&lt;strong style=&quot;margin: 0px; padding: 0px; font-weight: bold; visibility: visible;&quot;&gt;drawio中文版&lt;/strong&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;吧，这是一款功能强大且还用的流程图绘制软件，使用这款软件，可以把我们的想法以图形的形式展现出来，让我们做事学习更有调理，不会忙手忙脚毫无思绪。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;visibility: visible;&quot;&gt;&lt;br/&gt;&lt;/p&gt;&lt;p style=&quot;margin: 0px 0px 8px; padding: 0px; line-height: 24px; color: rgb(51, 51, 51); font-family: &amp;quot;Microsoft YaHei&amp;quot;; font-size: 15px; white-space: normal; background-color: rgb(255, 255, 255); visibility: visible;&quot; data-pm-slice=&quot;0 0 []&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;drawio不仅支持Windows 、MacOS、linux等多系统流程绘制，而且还为用户提供了多种多样的模板，以及丰富的图形元素库，包括各种形状、符号、箭头等，用户可以根据需要自由选择和组合这些元素，轻松创建各种思维导图、设计图、E-R图、饼图还是其它的流程图，以此满足用户的一切需求。并且这些模板使用起来也是非常的方便，只需选择自己需要的模板，然后点击即可，大大增加了我们的工作效率。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p style=&quot;margin: 0px 0px 8px; padding: 0px; line-height: 24px; color: rgb(51, 51, 51); font-family: &amp;quot;Microsoft YaHei&amp;quot;; font-size: 15px; white-space: normal; background-color: rgb(255, 255, 255); visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;除此之外，drawio流程图软件还支持导入Gliffy、VSSX、VSDX和Lucidchart的绘图文件，还支持将文件导出为PNG、JPEG、SVG、PDF、VSDX、HTML、XML等文件格式，并且还支持在离线状态下进行使用的，这样可以很好的保护用户的数据不被泄露，保证了用户数据的隐秘性和安全性，非常的人性化，有需要的朋友可以来下载使用。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;section style=&quot;margin: 0px 0px 8px; padding: 0px; line-height: 24px; color: rgb(51, 51, 51); font-family: &amp;quot;Microsoft YaHei&amp;quot;; font-size: 15px; white-space: normal; background-color: rgb(255, 255, 255); visibility: visible; text-align: center;&quot;&gt;&lt;img class=&quot;rich_pages wxw-img&quot; data-aistatus=&quot;1&quot; data-imgfileid=&quot;100004074&quot; data-ratio=&quot;0.562962962962963&quot; data-type=&quot;jpeg&quot; data-w=&quot;1080&quot; style=&quot;height: auto !important; visibility: visible !important; width: 657px !important;&quot; data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260706102110_83224.jpeg&quot; data-original-style=&quot;height: auto !important;&quot; data-index=&quot;3&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260706102110_83224.jpeg&quot; _width=&quot;677px&quot; alt=&quot;图片&quot; data-before-load-time=&quot;1783304441824&quot; data-report-img-idx=&quot;1&quot; data-fail=&quot;0&quot;/&gt;&lt;/section&gt;&lt;/p&gt;&lt;p style=&quot;text-wrap: wrap; visibility: visible;&quot;&gt;&lt;span style=&quot;font-size: 16px; visibility: visible;&quot;&gt;&lt;span style=&quot;-webkit-tap-highlight-color: ; margin: 0px; padding: 0px; outline: 0px; max-width: 100%; text-align: justify; font-size: 15px; background-color: #FFFFFF; color: #222222; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Helvetica Neue&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei UI&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, Arial, sans-serif; letter-spacing: 0.5px; visibility: visible; box-sizing: border-box !important; overflow-wrap: break-word !important;&quot; data-pm-slice=&quot;0 0 []&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;-webkit-tap-highlight-color: ; margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; visibility: visible;&quot;&gt;&lt;span class=&quot;&quot; link-id=&quot;link-1783304441380-0.46850950050599915&quot;&gt;draw.io&lt;/span&gt;是一款完全&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;-webkit-tap-highlight-color: ; margin: 0px; padding: 0px; outline: 0px; max-width: 100%; text-align: justify; font-size: 15px; background-color: #FFFFFF; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Helvetica Neue&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei UI&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, Arial, sans-serif; letter-spacing: 0.5px; color: #0052FF; visibility: visible; box-sizing: border-box !important; overflow-wrap: break-word !important;&quot;&gt;&lt;strong style=&quot;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; visibility: visible;&quot;&gt;&lt;span style=&quot;-webkit-tap-highlight-color: ; margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;-webkit-tap-highlight-color: ; margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; visibility: visible;&quot;&gt;&lt;span textstyle=&quot;&quot; style=&quot;color: #000000; visibility: visible;&quot;&gt;免费且开源的思维导图和流程图工具&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;span style=&quot;-webkit-tap-highlight-color: ; margin: 0px; padding: 0px; outline: 0px; max-width: 100%; text-align: justify; font-size: 15px; background-color: #FFFFFF; color: #222222; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Helvetica Neue&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei UI&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, Arial, sans-serif; letter-spacing: 0.5px; visibility: visible; box-sizing: border-box !important; overflow-wrap: break-word !important;&quot;&gt;&lt;strong style=&quot;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;-webkit-tap-highlight-color: ; margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; visibility: visible;&quot;&gt;，&lt;/span&gt;&lt;/strong&gt;&lt;span leaf=&quot;&quot; style=&quot;-webkit-tap-highlight-color: ; margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; visibility: visible;&quot;&gt;提供了网页端、客户端和&lt;span class=&quot;&quot; link-id=&quot;link-1783304441420-0.723111684518231&quot;&gt;Docker部署&lt;/span&gt;等多种使用方式，&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;-webkit-tap-highlight-color: ; margin: 0px; padding: 0px; outline: 0px; max-width: 100%; text-align: justify; font-size: 15px; background-color: #FFFFFF; font-family: -apple-system, BlinkMacSystemFont, &amp;quot;Helvetica Neue&amp;quot;, &amp;quot;PingFang SC&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei UI&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, Arial, sans-serif; letter-spacing: 0.5px; color: #0052FF; visibility: visible; box-sizing: border-box !important; overflow-wrap: break-word !important;&quot;&gt;&lt;strong style=&quot;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; visibility: visible;&quot;&gt;&lt;span style=&quot;-webkit-tap-highlight-color: ; margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;-webkit-tap-highlight-color: ; margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; visibility: visible;&quot;&gt;&lt;span textstyle=&quot;&quot; style=&quot;color: #000000; visibility: visible;&quot;&gt;为经常使用思维导图并重视信息安全的朋友提供了一个新的选择&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Mon, 06 Jul 2026 10:20:42 +0800</pubDate></item><item><title>可编辑的美人鱼图</title><link>https://drawio.com.cn/post/262.html</link><description>&lt;p style=&quot;box-sizing: border-box; margin: 0px 0px 20px; line-height: 1.7; color: rgb(28, 30, 33); font-family: Inter, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, Oxygen, Ubuntu, sans-serif; font-size: 16px; white-space: normal; text-align: left;&quot;&gt;&lt;em style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;当您通过“排列”&amp;gt;“插入”&amp;gt;“Mermaid”&lt;/span&gt;&lt;/em&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;插入图表的 Mermaid 描述时&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;，它现在会使用 draw.io 原生形状在 Mermaid 容器组内进行渲染。Mermaid 源文件会附加到此容器组，因此您可以重新编辑它并重新生成更新后的 Mermaid 图表。&lt;/span&gt;&lt;/span&gt;&lt;br style=&quot;box-sizing: border-box; text-align: left;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720084828178450850829468.png&quot;&gt;&lt;/p&gt;&lt;h2 id=&quot;insert-an-editable-mermaid-diagram&quot; style=&quot;box-sizing: border-box; color: rgb(28, 30, 33); font-family: Inter, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, sans-serif; line-height: 1.25; margin: 40px 0px 20px; font-size: 32px; --ifm-h2-font-size: 2rem; scroll-margin-top: 72px; letter-spacing: -0.02em; white-space: normal; text-align: left;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;插入可编辑的美人鱼图&lt;/span&gt;&lt;/h2&gt;&lt;ol style=&quot;box-sizing: border-box; margin: 0px 0px 16px; padding-left: 32px; color: rgb(28, 30, 33); font-family: Inter, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, Oxygen, Ubuntu, sans-serif; font-size: 16px; white-space: normal;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;点击&lt;/span&gt;&lt;em style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;“排列”&amp;gt;“插入”&amp;gt;“美人鱼”&lt;/span&gt;&lt;/em&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;。或者，点击&lt;/span&gt;&lt;code style=&quot;box-sizing: border-box; vertical-align: middle; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(248, 249, 250); border: 1px solid rgb(225, 228, 232); border-radius: 4px; font-family: &amp;quot;JetBrains Mono&amp;quot;, &amp;quot;Fira Code&amp;quot;, Consolas, monospace; font-size: 14.4px; padding: 2.4px 4.8px;&quot;&gt;+&lt;/code&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;工具栏中的图标，然后选择&lt;/span&gt;&lt;em style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;“美人鱼”&lt;/span&gt;&lt;/em&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;。&lt;/span&gt;&lt;br style=&quot;box-sizing: border-box; text-align: left;&quot;/&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720084828178450850881182.png&quot;&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;将文本粘贴到文本框中，然后单击&lt;/span&gt;&lt;em style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;“插入”&lt;/span&gt;&lt;/em&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;。&lt;/span&gt;&lt;br style=&quot;box-sizing: border-box; text-align: left;&quot;/&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720084828178450850819355.png&quot;&gt;&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p style=&quot;box-sizing: border-box; margin: 0px 0px 20px; line-height: 1.7; color: rgb(28, 30, 33); font-family: Inter, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, Oxygen, Ubuntu, sans-serif; font-size: 16px; white-space: normal; text-align: left;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;默认情况下，使用&lt;/span&gt;&lt;em style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;“图表”&lt;/span&gt;&lt;/em&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;选项时，Mermaid 图形会转换为 draw.io 原生图形，然后自动布局到 Mermaid 容器组中。将鼠标悬停在图形或连接线上即可查看 Mermaid 源代码。&lt;/span&gt;&lt;br style=&quot;box-sizing: border-box; text-align: left;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720084829178450850911940.png&quot;&gt;&lt;/p&gt;&lt;p style=&quot;box-sizing: border-box; margin: 0px 0px 20px; line-height: 1.7; color: rgb(28, 30, 33); font-family: Inter, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, Oxygen, Ubuntu, sans-serif; font-size: 16px; white-space: normal; text-align: left;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;使用格式面板中的样式工具可以更改填充和线条颜色及样式、文本颜色和字体，以及更改形状的标签。这些编辑后的样式和标签会覆盖任何 Mermaid 样式信息，并且即使对 Mermaid 源文件进行编辑，这些更改也会保留。&lt;/span&gt;&lt;br style=&quot;box-sizing: border-box; text-align: left;&quot;/&gt;&lt;/p&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720084828178450850829468.png&quot;&gt;&lt;/p&gt;&lt;p style=&quot;box-sizing: border-box; margin: 0px 0px 20px; line-height: 1.7; color: rgb(28, 30, 33); font-family: Inter, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, Oxygen, Ubuntu, sans-serif; font-size: 16px; white-space: normal; text-align: left;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;您还可以调整 Mermaid 容器组内的形状大小和位置，并重新设置连接器的路径。如果您编辑源文件并重新生成 Mermaid 图表，这些更改将被覆盖。&lt;/span&gt;&lt;/p&gt;&lt;h3 id=&quot;edit-the-mermaid-diagram&quot; style=&quot;box-sizing: border-box; color: rgb(28, 30, 33); font-family: Inter, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, sans-serif; line-height: 1.25; margin: 30px 0px 20px; font-size: 24px; --ifm-h3-font-size: 1.5rem; scroll-margin-top: 72px; letter-spacing: -0.02em; white-space: normal; text-align: left;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;编辑美人鱼图&lt;/span&gt;&lt;/h3&gt;&lt;p style=&quot;box-sizing: border-box; margin: 0px 0px 20px; line-height: 1.7; color: rgb(28, 30, 33); font-family: Inter, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, Oxygen, Ubuntu, sans-serif; font-size: 16px; white-space: normal; text-align: left;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;由于 Mermaid 源文件仍然可用，您可以对其进行编辑并重新生成图表。&lt;/span&gt;&lt;/p&gt;&lt;ol style=&quot;box-sizing: border-box; margin: 0px 0px 16px; padding-left: 32px; color: rgb(28, 30, 33); font-family: Inter, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, Oxygen, Ubuntu, sans-serif; font-size: 16px; white-space: normal;&quot; class=&quot; list-paddingleft-2&quot;&gt;&lt;li&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;在“美人鱼”容器组中选择其中一个形状，即可在左上角看到编辑（钢笔）图标。&lt;/span&gt;&lt;br style=&quot;box-sizing: border-box; text-align: left;&quot;/&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;text-align:center&quot;&gt;&lt;img src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260720084829178450850983649.png&quot;&gt;&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p style=&quot;text-align: left;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;点击编辑图标重新打开美人鱼对话框，进行更改，然后点击&lt;/span&gt;&lt;em style=&quot;box-sizing: border-box;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;应用&lt;/span&gt;&lt;/em&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;。&lt;/span&gt;&lt;/p&gt;&lt;/li&gt;&lt;/ol&gt;&lt;p style=&quot;box-sizing: border-box; margin: 0px 0px 20px; line-height: 1.7; color: rgb(28, 30, 33); font-family: Inter, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, Oxygen, Ubuntu, sans-serif; font-size: 16px; white-space: normal; text-align: left;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; font-weight: 700;&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;防止编辑：&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;点击美人鱼容器组左上角的挂锁图标，锁定美人鱼图表，防止样式或几何形状更改；或者，也可以将&lt;/span&gt;&lt;a class=&quot;&quot; href=&quot;https://www.drawio.com/docs/manual/mermaid/mermaid-image/&quot; style=&quot;box-sizing: border-box; transition: color 0.2s cubic-bezier(0.08, 0.52, 0.52, 1); color: rgb(240, 135, 5); text-decoration: rgb(240, 135, 5);&quot;&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;美人鱼图表作为单个不可编辑的 SVG 图像插入&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;box-sizing: border-box; vertical-align: inherit;&quot;&gt;。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br style=&quot;text-align: left;&quot;/&gt;&lt;/p&gt;</description><pubDate>Fri, 03 Jul 2026 08:48:07 +0800</pubDate></item><item><title>GitHub狂揽61.8K Star！drawio这款免费开源画图工具太牛了                                                  原创          </title><link>https://drawio.com.cn/post/259.html</link><description>&lt;section style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;&lt;span textstyle=&quot;&quot; style=&quot;font-size: 20px; color: #021EAA; font-weight: bold; visibility: visible;&quot;&gt;1 背景&lt;/span&gt;&lt;/span&gt;&lt;/section&gt;&lt;p style=&quot;text-indent: 2em; visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;在日常开发、系统设计或项目管理中，我们经常需要把抽象的逻辑转化成直观的图表——流程图、架构图、UML类图、思维导图……但市面上的画图工具要么收费昂贵，要么功能有限，要么需要注册登录，用起来总有些不尽如人意。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-indent: 2em; visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;今天要给大家推荐的这款工具——drawio（现更名为diagrams.net） ，或许能一次性解决你所有的画图烦恼。截至目前，它在GitHub上已狂揽61.8K Star，堪称开源画图工具中的“顶流”。&lt;/span&gt;&lt;/p&gt;&lt;h2 style=&quot;font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-stretch: normal; font-size: 22px; line-height: 32px; font-family: quote-cjk-patch, Inter, system-ui, -apple-system, BlinkMacSystemFont, &amp;quot;Segoe UI&amp;quot;, Roboto, Oxygen, Ubuntu, Cantarell, &amp;quot;Open Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, sans-serif; margin: 32px 0px 16px; color: rgb(15, 17, 21); white-space: normal; background-color: rgb(255, 255, 255); visibility: visible;&quot; data-pm-slice=&quot;0 0 []&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;&lt;span textstyle=&quot;&quot; style=&quot;font-size: 20px; color: #021EAA; visibility: visible;&quot;&gt;2 drawio是什么？&lt;/span&gt;&lt;/span&gt;&lt;/h2&gt;&lt;p style=&quot;text-indent: 2em; visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;&lt;span class=&quot;&quot; link-id=&quot;link-1783304610440-0.6733383405337234&quot;&gt;drawio&lt;/span&gt;是一款免费、开源、跨平台的在线绘图工具。它由&lt;span class=&quot;&quot; link-id=&quot;link-1783304610450-0.024926324881457074&quot;&gt;JGraph&lt;/span&gt;开发，采用Apache 2.0协议开源，代码托管在GitHub上。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-indent: 2em; visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;它的核心定位：为开发者、产品经理、系统架构师、教育工作者等提供轻量级、高扩展性的可视化解决方案。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p style=&quot;text-indent: 2em; visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;一句话总结：不花一分钱，就能用上专业级的画图工具。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;visibility: visible;&quot;&gt;&lt;span style=&quot;color: #333333; font-family: &amp;quot;Open Sans&amp;quot;, &amp;quot;Clear Sans&amp;quot;, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, &amp;quot;Segoe UI Emoji&amp;quot;, sans-serif; font-size: 16px; orphans: 4; white-space: pre-wrap; background-color: #FFFFFF; float: none; visibility: visible; display: inline !important;&quot; data-pm-slice=&quot;0 0 []&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;&lt;span textstyle=&quot;&quot; style=&quot;font-size: 20px; color: #021EAA; font-weight: bold; visibility: visible;&quot;&gt;3 凭什么它能狂揽61.8K Star？&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;&lt;span textstyle=&quot;&quot; style=&quot;font-weight: bold; visibility: visible;&quot;&gt;1. 完全免费，告别付费软件&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;text-indent: 2em; visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;传统绘图工具如Visio，单用户授权费用常达数百元，企业级版本更是数万元起步。而drawio作为开源项目，用户可自由下载、使用及二次开发，无需支付任何授权费用。这对个人开发者、初创团队、教育机构和预算有限的用户来说，简直是福音。&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;&lt;span textstyle=&quot;&quot; style=&quot;font-weight: bold; visibility: visible;&quot;&gt;2. 全平台覆盖，随时随地都能画&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;drawio提供了三种使用方式：&lt;/span&gt;&lt;/p&gt;&lt;p style=&quot;visibility: visible;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;visibility: visible;&quot;&gt;Web在线版：直接访问 app.diagrams.net，无需安装，浏览器打开就能用&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;桌面客户端：支持Windows、macOS、Linux，完全离线使用，数据更安全&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;移动端：iOS和Android应用支持设备间同步&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;无论你用的是电脑、平板还是手机，无论有没有网络，drawio都能满足你的绘图需求。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;&lt;span textstyle=&quot;&quot; style=&quot;font-weight: bold;&quot;&gt;3. 20+种图表类型，覆盖几乎所有场景&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;drawio内置了超过50种图形库、5000多种预设图形，覆盖的图表类型包括：流程图（支持BPMN 2.0标准）；&lt;span class=&quot;&quot; link-id=&quot;link-1783304610451-0.3301638358893544&quot;&gt;UML类图&lt;/span&gt;、时序图、活动图；ER图（数据库实体关系图）；网络拓扑图；系统架构图、云架构图；思维导图、组织结构图；&lt;span class=&quot;&quot; link-id=&quot;link-1783304610451-0.7780596715361829&quot;&gt;甘特图&lt;/span&gt;、电路图；从技术文档到项目管理，从软件开发到教育教学，几乎你能想到的图表类型，drawio都能画。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;&lt;span textstyle=&quot;&quot; style=&quot;font-weight: bold;&quot;&gt;4. 智能绘图，效率翻倍&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;drawio的智能化功能让画图变得格外高效：&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;自动布局：一键优化图形排列，告别手动调整的繁琐&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;模板库：内置大量行业模板，直接从模板新建，省去从零搭建的时间&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;&lt;span class=&quot;&quot; link-id=&quot;link-1783304610452-0.14197727663054382&quot;&gt;Mermaid&lt;/span&gt;支持：可以直接粘贴Mermaid代码生成图表&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;AI辅助：2026年版本已接入AI绘图功能，输入文字描述即可自动生成图表框架&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;代码生成与反向工程：支持从代码生成UML图，也可将UML图导出为代码框架&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;&lt;span textstyle=&quot;&quot; style=&quot;font-weight: bold;&quot;&gt;5. 实时协作，团队协同利器&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;drawio支持多人实时协作编辑。团队可以将图表保存至Google Drive、OneDrive或GitHub等云存储服务，成员同时修改时，系统会通过颜色标记区分不同用户的操作。对于需要严格版本管理的场景，还可以将.drawio文件与代码一同提交到Git仓库，实现架构图与代码的同步演进。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;&lt;span textstyle=&quot;&quot; style=&quot;font-weight: bold;&quot;&gt;6. 无缝集成，融入你的工作流&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;drawio的插件生态非常丰富：&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;VS Code插件：直接在代码编辑器里画图&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;Confluence/Jira插件：在企业协作平台中嵌入绘图功能&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;Notion集成：在文档中直接插入和编辑图表&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;无论你习惯在哪里工作，drawio都能无缝融入。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;&lt;span textstyle=&quot;&quot; style=&quot;font-weight: bold;&quot;&gt;7. 多格式导出，兼容性极强&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;drawio支持导出为PNG、JPEG、SVG、PDF等多种格式，还兼容Visio的.vsdx格式，方便与使用商业软件的同时协作。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;&lt;span textstyle=&quot;&quot; style=&quot;font-size: 20px;color: #021EAA;font-weight: bold;&quot;&gt;4 安装步骤&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;&lt;span textstyle=&quot;&quot; style=&quot;font-size: 18px;font-weight: bold;&quot;&gt;4.1 软件准备&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot; style=&quot;-webkit-tap-highlight-color: ; margin: 0px; padding: 0px; outline: 0px; max-width: 100%; color: rgba(0, 0, 0, 0.9); font-family: &amp;quot;PingFang SC NEW&amp;quot;, system-ui, -apple-system, BlinkMacSystemFont, &amp;quot;Helvetica Neue&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei UI&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, Arial, sans-serif; font-size: 17px; letter-spacing: 0.544px; text-align: justify; background-color: #FFFFFF; visibility: visible; box-sizing: border-box !important; overflow-wrap: break-word !important;&quot; data-pm-slice=&quot;0 0 []&quot;&gt;&lt;span textstyle=&quot;&quot; style=&quot;color: #FF0000;&quot;&gt;【&lt;/span&gt;&lt;/span&gt;&lt;span data-pm-slice=&quot;0 0 []&quot; style=&quot;-webkit-tap-highlight-color: ; margin: 0px; padding: 0px; outline: 0px; max-width: 100%; font-family: &amp;quot;PingFang SC NEW&amp;quot;, system-ui, -apple-system, BlinkMacSystemFont, &amp;quot;Helvetica Neue&amp;quot;, &amp;quot;Hiragino Sans GB&amp;quot;, &amp;quot;Microsoft YaHei UI&amp;quot;, &amp;quot;Microsoft YaHei&amp;quot;, Arial, sans-serif; font-size: 17px; letter-spacing: 0.544px; text-align: justify; color: #FF0000; font-weight: 700; background-color: #FFFFFF; float: none; visibility: visible; box-sizing: border-box !important; overflow-wrap: break-word !important; display: inline !important;&quot;&gt;&lt;span leaf=&quot;&quot; style=&quot;-webkit-tap-highlight-color: ;margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;overflow-wrap: break-word !important;visibility: visible;&quot;&gt;文章结尾有安装包免费获取方式&lt;/span&gt;&lt;span leaf=&quot;&quot; data-pm-slice=&quot;1 1 [&amp;quot;para&amp;quot;,{&amp;quot;tagName&amp;quot;:&amp;quot;p&amp;quot;,&amp;quot;attributes&amp;quot;:{},&amp;quot;namespaceURI&amp;quot;:&amp;quot;http://www.w3.org/1999/xhtml&amp;quot;}]&quot; style=&quot;-webkit-tap-highlight-color: ;margin: 0px;padding: 0px;outline: 0px;max-width: 100%;box-sizing: border-box !important;overflow-wrap: break-word !important;visibility: visible;&quot;&gt;】&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;section style=&quot;text-align: center;&quot; nodeleaf=&quot;&quot;&gt;&lt;img data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260706102515_46734.png&quot; class=&quot;rich_pages wxw-img&quot; data-ratio=&quot;0.1777150916784203&quot; data-s=&quot;300,640&quot; data-type=&quot;png&quot; data-w=&quot;709&quot; type=&quot;block&quot; data-imgfileid=&quot;500399935&quot; data-aistatus=&quot;1&quot; data-original-style=&quot;null&quot; data-index=&quot;3&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260706102515_46734.png&quot; _width=&quot;677px&quot; style=&quot;height: auto !important; visibility: visible !important; width: 677px !important;&quot; alt=&quot;图片&quot; data-before-load-time=&quot;1783304611570&quot; data-report-img-idx=&quot;0&quot; data-fail=&quot;0&quot;/&gt;&lt;/section&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;&lt;span textstyle=&quot;&quot; style=&quot;font-weight: bold;&quot;&gt;4.2 安装&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;右键drawio的Windows版本安装包，然后安装即可。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;section style=&quot;text-align: center;&quot; nodeleaf=&quot;&quot;&gt;&lt;img data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260706102515_31553.png&quot; class=&quot;rich_pages wxw-img&quot; data-ratio=&quot;0.23076923076923078&quot; data-s=&quot;300,640&quot; data-type=&quot;png&quot; data-w=&quot;780&quot; type=&quot;block&quot; data-imgfileid=&quot;500399936&quot; data-aistatus=&quot;1&quot; data-original-style=&quot;null&quot; data-index=&quot;4&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260706102515_31553.png&quot; _width=&quot;677px&quot; style=&quot;height: auto !important; visibility: visible !important; width: 677px !important;&quot; alt=&quot;图片&quot; data-before-load-time=&quot;1783304611966&quot; data-report-img-idx=&quot;1&quot; data-fail=&quot;0&quot;/&gt;&lt;/section&gt;&lt;section style=&quot;text-align: center;&quot; nodeleaf=&quot;&quot;&gt;&lt;img data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260706102515_94497.png&quot; class=&quot;rich_pages wxw-img&quot; data-ratio=&quot;0.37817258883248733&quot; data-s=&quot;300,640&quot; data-type=&quot;png&quot; data-w=&quot;394&quot; type=&quot;block&quot; data-imgfileid=&quot;500399937&quot; data-aistatus=&quot;1&quot; data-original-style=&quot;null&quot; data-index=&quot;5&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260706102515_94497.png&quot; _width=&quot;394px&quot; style=&quot;height: auto !important; visibility: visible !important; width: 394px !important;&quot; alt=&quot;图片&quot; data-before-load-time=&quot;1783304611982&quot; data-report-img-idx=&quot;2&quot; data-fail=&quot;0&quot;/&gt;&lt;/section&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;等待一会即可安装完毕。然后在搜索框中输入&lt;/span&gt;&lt;span leaf=&quot;&quot; data-pm-slice=&quot;1 1 [&amp;quot;para&amp;quot;,{&amp;quot;tagName&amp;quot;:&amp;quot;p&amp;quot;,&amp;quot;attributes&amp;quot;:{&amp;quot;style&amp;quot;:&amp;quot;text-indent: 0px;&amp;quot;},&amp;quot;namespaceURI&amp;quot;:&amp;quot;http://www.w3.org/1999/xhtml&amp;quot;}]&quot;&gt;draw&lt;/span&gt;&lt;span leaf=&quot;&quot;&gt;，找到软件打开即可。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;section style=&quot;text-align: center;&quot; nodeleaf=&quot;&quot;&gt;&lt;img data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260706102515_63968.png&quot; class=&quot;rich_pages wxw-img&quot; data-ratio=&quot;0.8419071518193224&quot; data-s=&quot;300,640&quot; data-type=&quot;png&quot; data-w=&quot;797&quot; type=&quot;block&quot; data-imgfileid=&quot;500399938&quot; data-aistatus=&quot;1&quot; data-original-style=&quot;null&quot; data-index=&quot;6&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260706102515_63968.png&quot; _width=&quot;677px&quot; style=&quot;height: auto !important; visibility: visible !important; width: 677px !important;&quot; alt=&quot;图片&quot; data-before-load-time=&quot;1783304612000&quot; data-report-img-idx=&quot;3&quot; data-fail=&quot;0&quot;/&gt;&lt;/section&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;打开后，初始化页面如下：&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;section style=&quot;text-align: center;&quot; nodeleaf=&quot;&quot;&gt;&lt;img data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260706102515_81369.png&quot; class=&quot;rich_pages wxw-img&quot; data-ratio=&quot;0.5287037037037037&quot; data-s=&quot;300,640&quot; data-type=&quot;png&quot; data-w=&quot;1080&quot; type=&quot;block&quot; data-imgfileid=&quot;500399939&quot; data-aistatus=&quot;1&quot; data-original-style=&quot;null&quot; data-index=&quot;7&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260706102515_81369.png&quot; _width=&quot;677px&quot; style=&quot;height: auto !important; visibility: visible !important; width: 677px !important;&quot; alt=&quot;图片&quot; data-before-load-time=&quot;1783304613380&quot; data-report-img-idx=&quot;4&quot; data-fail=&quot;0&quot;/&gt;&lt;/section&gt;&lt;section style=&quot;text-align: center;&quot; nodeleaf=&quot;&quot;&gt;&lt;img data-src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260706102516_28242.png&quot; class=&quot;rich_pages wxw-img&quot; data-ratio=&quot;0.7251700680272108&quot; data-s=&quot;300,640&quot; data-type=&quot;png&quot; data-w=&quot;735&quot; type=&quot;block&quot; data-imgfileid=&quot;500399940&quot; data-aistatus=&quot;1&quot; data-original-style=&quot;null&quot; data-index=&quot;8&quot; src=&quot;https://drawio.com.cn/zb_users/upload/2026/07/20260706102516_28242.png&quot; _width=&quot;677px&quot; style=&quot;height: auto !important; visibility: visible !important; width: 677px !important;&quot; alt=&quot;图片&quot; data-before-load-time=&quot;1783304613744&quot; data-report-img-idx=&quot;5&quot; data-fail=&quot;0&quot;/&gt;&lt;/section&gt;&lt;/p&gt;&lt;p&gt;&lt;span leaf=&quot;&quot;&gt;至此，drawio已经安装完毕，接下来就可以开心滴画图啦。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;br/&gt;&lt;/p&gt;</description><pubDate>Wed, 01 Jul 2026 10:23:42 +0800</pubDate></item></channel></rss>