Published in


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:

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 . If you’re interested to understand the whole developer workflow, Alex Porcelli wrote a 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 and install it manually on VSCode. Soon we will publish this extension on VSCode Marketplace, but for now, those are the installation steps:

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:

, 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!



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store