Create and edit ingrid BPMN diagrams in VS Code.
Download the attachment –> Open VSCode -> Switch to Extensions -> Click on the button … -> Install from VSIX…
Open a .bpmn file and click on the button top right or right click on the file and click on Open modeler
Currently you can not create a new file, but you can just create a new file and copy following xml content:
<?xml version="1.0" encoding="UTF-8"?>
<bpmn:definitions xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:bpmn="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlns:dc="http://www.omg.org/spec/DD/20100524/DC" id="Definitions_0byo8wj" targetNamespace="http://bpmn.io/schema/bpmn" exporter="bpmn-js (https://demo.bpmn.io)" exporterVersion="6.3.3">
<bpmn:process id="Process_1de1cys" isExecutable="false">
<bpmn:startEvent id="StartEvent_04cn5vr" />
</bpmn:process>
<bpmndi:BPMNDiagram id="BPMNDiagram_1">
<bpmndi:BPMNPlane id="BPMNPlane_1" bpmnElement="Process_1de1cys">
<bpmndi:BPMNShape id="_BPMNShape_StartEvent_2" bpmnElement="StartEvent_04cn5vr">
<dc:Bounds x="156" y="81" width="36" height="36" />
</bpmndi:BPMNShape>
</bpmndi:BPMNPlane>
</bpmndi:BPMNDiagram>
</bpmn:definitions>