开源流程设计器的对比与选型

​ 目前市场上比较主流的流程设计器有bpmn-js、Activiti-Modeler、flowable-modeler、bpmn2-modeler插件等。

1、bpmn-js

bpmn-js 是 BPMN 2.0 渲染工具包和 Web 模型，bpmn-js 正在努力成为 Camunda BPM 的一部分。bpmn-js 使用 Web 建模工具可以很方便的构建 BPMN 图表，可以把 BPMN 图表嵌入到你的项目中，容易扩展。bpmn-js是基于原生 js 开发，支持集成到 vue、react 等开源框架中，且可以与 activiti、flowable、camunda 开源工作流引擎进行无缝集成。

2、Activiti-Modeler

Activiti 开源版本中带了 web 版流程设计器，在 Activiti-explorer 项目中有 Activiti-Modeler，优点是集成简单，开发工作量小，缺点是界面不美观，用户体验差。

3、flowable-modeler

flowable 开源版本中带了 web 版流程设计器，展示风格和功能基本跟 Activiti-Modeler 一样，优点是集成简单，开发工作量小，缺点是界面不美观，用户体验差。

4、Eclipse插件bpmn2-modeler

C/S 版本的流程设计器，如果没有强调基于浏览器设计流程图，也可以考虑 Eclipse 插件版流程设计器 bpmn2-modeler。

5、snakerflow-designer-vue

snaker 工作流只用得画图软件，用起来简单，中文界面，可以直接翻译成 xml 文件和 json 类型，从而进行解析。

6、仿钉钉流程设计器

阿里钉钉作为中国协同办公的主流平台，其中表单设计器和流程设计器的功能及交互风格，对国内的企业和用户影响很大，一部分专业的低代码平台/BPM 厂商也推出了仿钉钉版流程设计器。在开源社区里也有 vue 和 react 版本的仿钉钉流程设计器框架。

7、基于G6的流程设计器

Antv G6 是阿里 Antv 团队开源的一个可视化图形框架，它在高定制能力的基础上，提供了一系列便于使用的图可视化解决方案，能帮助开发者搭建属于自己的图可视化、图分析、或图编辑器应用。G6 绘图方面也是可以选择的，可以使用 canvas 或 svg 渲染，默认是 Canvas，在可视化及交互方面，G6 是比较突出的，比 jsplumb 更好用。

以上便是目前比较常用的几个流程设计器，大家可以根据需要选择一个开源免费的流程设计器，进行集成和扩展开发，以便快速交付项目使用。更多详细了解可点bpmn-js、Activiti-Modeler、flowable-modeler、bpmn2-modeler、仿钉钉流程设计器、基于G6的流程设计器。