BPMN VSCode Extension Released (alpha)

We are really happy to announce the alpha release of our first VSCode extension: the BPMN editor. This release marks the first piece of the new tooling infrastructure for the Kie Group Team.

Before diving on details, let’s take a look at a quick demo of this feature:

VS Code Alpha

Pretty cool isn’t it?

This is a group effort, but I would like to highlight the work done by Alex Porcelli, Tiago Bento, Paulo Martins, William Siqueira from the foundation team; Roger Martinez and Tiago Dolphine from Stunner Team (the guys behind BPMN Editor) and also Sarah Rambacher and Joachim Schuler from UX team.

With VSCode support, our goal is to streamline the dev workflow of our platform, making it easy for developers to create BPMN diagrams and push them straight to kogito runtimes. If you’re interested to understand the whole developer workflow, Alex Porcelli wrote a blog post where he builds a Kogito application from scratch and deploys it to the cloud.

But how to install it?

How to set up the extension on VSCode

During this alpha stage, you will have to download the extension from our GitHub releases page and install it manually on VSCode. Soon we will publish this extension on VSCode Marketplace, but for now, those are the installation steps:

VS Code Alpha

What’s Next

In the following days, Tiago Bento will write a post with a deep dive into the architecture, and also provides a quick tutorial of how to create your own graphical user interface editor for VSCode using ReactJS.

Soon we will release a DMN editor extension under the same platform, stay tuned!

Known issues

We are really happy with the results of this alpha release and we want to get the community involved in this as early as possible, that is why we released this with some known issues:

Pull requests, bug reports are more than welcome, please remember this is an ongoing effort of our community!


As I already said, we are really happy to release this extension. Soon we will provide new editors under this platform! Exciting times ahead!