商业 / 图表
流程图制作工具：Mermaid预览与简单构建器
使用Mermaid文本和实时预览创建流程图。添加流程、判断、开始-结束和输入-输出节点，使用标签连接节点，或从3个原创模板开始。
流程图制作工具：Mermaid预览与简单构建器: 使用Mermaid文本编写流程图，或使用构建器添加步骤、判断和连线，并在输入时查看图表更新。可以从示例开始，然后复制文本，或将流程图下载为SVG或PNG。 完全在浏览器中本地运行，文件不会上传到服务器。
- 类别
- 商务与管理工具
- 使用次数
- 在浏览器中
- 费用
- 免费·无需注册
- 可用性
- 可直接使用
完全在浏览器中运行
简易构建器
输入时预览会实时更新。构建器会将语句追加到你的文本中。配置指令、自定义样式和点击处理程序已禁用。
正在渲染预览……
流程图语法
Mermaid的流程图语言支持节点、边和带标签的决策。此工具支持该语言的流程图部分；构建器会将新行添加到文本末尾。官方语法：https://mermaid.js.org/syntax/flowchart.html
安全性和许可证
图表会在你的浏览器中使用Mermaid绘制。Mermaid是采用MIT许可证的开源库，并使用严格安全模式：不允许标签中的HTML、点击操作和配置块，因此粘贴的图表无法运行代码。官方安全设置：https://mermaid.js.org/config/schema-docs/config-properties-securitylevel.html
使用方法
- 选择流程、判断树或登录模板，或编写Mermaid流程图文本。
- 使用构建器添加节点，然后输入现有节点ID并连接，可选择为连线添加标签。
- 修复报告的语法错误，然后下载SVG、PNG或Mermaid文本。
隐私与限制
Mermaid文本仅在浏览器中处理。不会上传或保存到本地存储。配置指令、回调、图片和外部资源均已禁用。
相关工具
常见问题
构建器如何为节点命名？
它会使用下一个未使用的N编号ID。要连接节点，请从文本中输入节点ID。构建器会安全编码引号、括号和其他标签标点。
我可以使用所有Mermaid图表类型吗？
此工具仅接受流程图或图表语法。其他图表类型请使用现有的Mermaid编辑器。
错误如何显示？
如果Mermaid提供行号，解析器错误会显示行号。安全错误和输入限制错误会显示单独的消息。
这些模板是从其他地方复制的吗？
不是。简单流程、判断树和登录流程都是为此工具编写的原创短示例。
免费工具·使用在浏览器中次·无需账户