對工作流可視化，工作流設計器是非常重要的支撐工具，有CS端及BS端的。
總體調研下來，建議BS端使用BPMN.io定製開發，CS端使用Camunda Modeler，與IDE集成顯示使用Camunda BPMN visualizer插件。
BS端
BPMN.io【薦】
bpmn-js 是 BPMN 2.0 渲染工具包和 Web 模型。bpmn-js 正在努力成爲 Camunda BPM 的一部分。bpmn-js 使用 Web 建模工具可以很方便的構建 BPMN 圖表，可以把 BPMN 圖表嵌入到你的項目中，容易擴展。bpmn-js是基於原生js開發，支持集成到vue、react等開源框架中。
支持BPMN、CMMN、DMN
https://demo.bpmn.io/cmmn/s/claims-file
https://demo.bpmn.io/dmn/s/check-order
mxGraph【薦】
mxGraph是一個強大的JavaScript流程圖前端庫，可以快速創建交互式圖表和圖表應用程序，ProcessOne是使用該庫創建的強大的在線流程圖繪製網站。最新版本爲 2020.10月份發佈的4.2.2
Activiti-Modeler
Activiti 開源版本中帶了web版流程設計器，在Activiti-explorer項目中有Activiti-Modeler， 優點是集成簡單，開發工作量小，缺點是界面不美觀，用戶體驗差。
flowable-modeler
flowable開源版本中帶了web版流程設計器，展示風格和功能基本跟Activiti-Modeler一樣，優點是集成簡單，開發工作量小，缺點是界面不美觀，用戶體驗差。
CS端
Camunda Modeler【薦】
提供多操作系統版本的安裝包，安裝後即可使用，可視化操作、可生成XML，也可以與Camunda服務配合，將配置的流程直接發佈到Camunda中直接執行。非常簡單、易用。
bpmn2-modeler
C/S版本的流程設計器，如果沒有強調基於瀏覽器設計流程圖，也可以考慮Eclipse插件版流程設計器bpmn2-modeler。 官方地址
IDE
- ActiBPM 過期，不兼容
- JBoss BPMN ： 組件過小，不知如何使用，建模後流程圖還原亂了
Idea bpmn插件【薦】
僅用於查看和簡單編輯，無新建。插件名：Camunda BPMN visualizer
Eclipse插件
插件形式安裝。
- flowable : http://www.flowable.org/designer/update/
- Activiti：http://activiti.org/designer/update/
- Camunda：https://docs.camunda.org/manual/7.7/modeler/eclipse-plugin/update-sites/
