流程图软件有微软的Microsoft Visio和在线的ProcessOn，但这两个都是付费的，diagrams.net，又名drawio，作为免费软件，功能齐全，支持中文，值得推荐。

Diagrams软件支持下载桌面版，也支持网页版，网页版可以支持云盘保存。
网页版网址：https://www.draw.io/index.html
桌面版下载网址：https://github.com/jgraph/drawio-desktop

1. 打开软件，点击创建新图，选择合适模板，或者直接空白框图开始创作

2. 软件左侧为元素栏，包括常见的各类文本框和链接箭头：
• 元素选择栏可以直接拖拽元素至主绘图区，有不同分栏，“通用”为常见形状，“杂项”是不同的表格和一些稍微复杂的箭头，“高级”中则是更加复杂的一些形状和图标
• 左栏最下角“更多图形”按钮可以选择“工艺流程”、“模型图”、“Web icon”等，出现更多形状元素
• 左栏最上方“搜索图形”可以对元素进行搜索，但一般需要英文名称
• 便笺本类似于收藏夹，可以将常用的或者自定义的图形或图片放置于此，方便以后使用

3. 右侧为属性编辑栏，点击画布时，右侧出现“绘图”和“样式”选项卡（注点击画布和点击形状时，右侧属性栏显示不同）：
• “绘图”选项卡：①“网格”设置是否显示网格，右侧的数字用于指定网格的大小和网格线的颜色；②“页面视图”设置绘图区是否以页视图的形式显示；③“背景”设置背景图片；④“背景色”设置背景颜色，去掉勾选，保存的图的背景是透明色；⑤“阴影”用于设置图形是否有阴影（图a）；⑥“连接箭头”用于设置当鼠标在图形对象上停留时是否显示箭头导向指引（图b）；⑦“连接点”设置图形上是否出现链接点，即图形边界上的8个×标记（图b），用于连接线的终点或起点；⑧“参考线”设置是否显示导航线（图c），当勾选时，移动对象时与其他对象会出现位置导航线，方便与其他对象之间设置对齐方式（顶端对齐、居中对齐、底端对齐）以及在3个以上对象间设置水平或垂直间距；⑨“页面尺寸”设置页面信息，可以设置画布（工作区）的大小及布局方式

• “样式”选项卡：用于设置图形的风格，“草图”和“圆角”用于设置是否以草图形式或连接线拐角以圆角形式显示图形，下面时预定的不同风格（模板）
4. 绘制图形：在画布左侧的图形对象列表中，直接拖拽一个元素进入画布，鼠标拖拽元素时会自动与已有元素出现位置参考线

5. 箭头导向指引：鼠标在图形对象上停留时显示四个箭头导向指引（图a），鼠标在某一个箭头上稍作停留，该箭头颜色变深，同时会出现该图形可能连接的图形对象（图b）：在出现的图形框中，点击一个图形，其自动会创建一个点击图形的对象，并从原图形向新建图形上绘制一个箭头；或者，在图形的一个箭头上，按住鼠标左键，这时会拖出一根连接线，可以连接至指定位置

6. 图形调整：点击图形呈选中状态，拖动鼠标可以移动位置（符号框显示移动位置），拖动边缘可以放大或缩小图形（符号框显示图形大小），拖动右上角圈可以旋转图形（符号框显示旋转角度）

7. 图形替换：鼠标拖拽新图形至已有图形上时，出现双箭头标志，放开鼠标，已有图形即可被新图形替代（图形中文本、颜色等均保留）

8. 添加/修改文本：直接双击可以输入文字，同时右侧出现“文本”设置功能：①字体设置项由上到下，由左到右依次为：样式、字体、是否加粗、是否斜体、是否加下划线、是否加删除线、字号、文本左、中、右、两端对齐方式、是否下标、是否上标、序号列表、无序列表、减少缩进、增加缩进、清除格式、按html语法设置、字体颜色、文本背景色、行高、链接、图片、水平线和表格

9. 图形属性：点击图形时，右侧出现“样式”、“文本”和“调整图形”选项卡：

• 样式选项卡，用于设置图形的风格：①上面带颜色的矩形框是图形的预制风格，可以点击其中一个，则图形会变成与其一致的边框颜色和填充色；②“填充”用于设置图形的填充风格和颜色，勾选“渐变”，则可以设置渐变填充色；③“线条”设置是否显示边框线，以及边框线的风格，“周长”用于设置边缘的大小，当有连接线时，连接线到达边缘位置即可，而不一定非要到图形的边界上；④“不透明度”用于设置图形的透明度，0完全透明，100完全不透明；⑤“圆角”、“草图”、“玻璃”、“阴影”四种风格可以勾选尝试；⑥“编辑”下拉菜单有“编辑连接点”，可以根据需要对图形的上下左右增加若干连接点；⑦“复制样式”和“粘贴样式”可以将图形的样式复制给其他图形
• 文本选项卡，用于设置图形上文本的样式：①字体设置项由上到下，由左到右依次为：字体、是否加粗、是否斜体、是否加下划线、是否垂直显示文本、字号、文本左、中、右对齐方式、文本在图形内的位置（顶、中、底）；②“位置”用于指定文本在图形外的位置（左上、上、右上、左、水平居中、右、左下、下、右下）；③颜色可以设置“字体颜色”、文本“背景色”和文本范围“边框颜色”；④“自动换行”和“格式化文本”默认勾选，可以设置不换行；⑤“不透明度”设置文本的透明度，0完全透明，100完全不透明；⑥“间距”设置文本的内边距
• 调整图形选项卡：对图形的位置和角度进行微调，做到鼠标调整无法实现的精细操作：①顶部四项设置图形对象的放置，包括“移至最前”、“移至最后”、“上移一层”和“下移一层”；②“大小”设置图形的长宽尺寸，可以勾选“限制比例”，即实现按比例缩放效果；③“位置”设置图形在画布中的位置，数值化；④“角度”用于调整对象旋转的角度；⑤“翻转”包括水平翻转和垂直翻转；⑥“对齐”用于设置不同图形的对齐方式；⑦“等距分布”设置水平或垂直分布；⑧“组合/取消组合”和“锁定/解锁”设置图形的组合和锁定状态
10. 连接线：用于连接图形的直线、曲线或折线

• 从连接点（×的标记）上单击鼠标引出连接线并连于指定位置（图形的连接点可以增加，见步骤9a⑥中设置）
• 步骤5中直接箭头生成的图形带有连接线
• 从左侧栏“通用”里点出连接线，连接至指定位置
11. 连接线属性：连接线属性与图形属性类同，但增加了线性设置，主要介绍增加部分：

• 样式选项卡，用于设置线条的风格：①“线条”勾选上后，会显示箭头和连接线，否则将会被隐藏；“线条”下拉列表中的“锐利”、“圆角”和“曲线”用于设置带拐角的连接线风格；②连接线风格多样，通过下拉菜单可以选择“线条”、“连接”、“箭头”和“简单箭头”样式，也可以选择实线、虚线、点线等不同线型，还有多种箭头形状以及是否需要箭头等；③“线末端”和“线始端”用于设置箭尾和箭头举例图形的间隙以及箭头的大小；④“跨线”用于设置相交线处的风格及大小，可选取的值有：无、圆弧、间隙、锐利和线条。其风格从左到右依次如下图所示：
• 文本选项卡，与图形属性处相同，不再赘述
• 调整图形选项卡，与其他地方不同之处在于：线始端和线末端分别用于指定线的开始位置和结束位置的坐标，翻转用于使箭头和箭尾位置互换
12. 图形保存与导出：diagrams保存后缀为drawio，可以打开修改，如插入word等软件中，推荐导出为png等图片格式，如图a，如果感觉dpi较低，可以将缩放比例放大，选中“仅所选内容”、“透明背景”，实现更好的保存效果

13. 其他：
• 快捷键：比较通用，按住Ctrl滑动鼠标滑轮可以调节页面的缩放比例，右键拖动鼠标或者空格加左键拖动鼠标，可以拖拽屏幕位置；
• 皮肤：点击右上角“☀”，可以设置“浅色”、“深色”和“经典”等多种样式