Idea

Ability to create flowcharts in the BPMN language in Miro


Userlevel 4

 

It would be great to be able to use Miro to create flowchart in the BPMN language and optimize my company's processes. Is there any possibility of doing this?


34 replies

Userlevel 7
Badge +11

Hey all, 

 

I love BPMN and love Miro … so I resonated strongly with this issue. 

One of the primary things I do is build Miro Plug-ins… And creating a BPMN icon pallet plugin seemed like a fun, potentially valuable, and easy win … at least on a functional prototype level anyway. Miro actually had an example plugin for draggable-icon-pallet that I was able to adapt- so this took but a few hours.  I hope it might be helpful. 

 

Screenshot:

XjetNI9xQK8FqdWdPGOj6kc6-w6Vj6s6XBO9B_1gb0LF8SvtmXmJ8dpKJRvFHwOCPts3mDxQLwoIdreHMdI4pDU7pFykUteluOywEq1uKwL1vHDuW1BXO7gYHKZ5ki6moKKu4JNA

 

Demo Video: 



https://www.loom.com/share/139d557e4ca24f1d81cc9e3f5a8540ab

 

Would you like to test it out?

I can’t share the install link publicly in the forum, but If you direct message me I can send you an install link. 

 

I’m always very interested in co-creating with this community - so if you have improvement ideas for this, or other dreams for Miro plugins… please let me know - it would be awesome to collaborate.   

 

Cheers,

Max


@mlanders uO4GgZhtqr_rFcG5Uhym2S7Pnynijkx4XYyrDq0Gci-O-LfYhzL9PqlVKcRtdpcVo3d-QU6WE6O3ei59zLY2qGCZZSaAap7P5oq4u5WZ5rMwaSUoEZAPB6RwFtp1ajNhOU54OPWy@Alexander Litvinenko Pa2a-YidgWp0A09PW_3_bKIBpSn0HCpzbl63jttoC9Z-AVlH17mxFcUUAHXoIdLsOx6hkS39yOxWlfGdrVIowjsMcGituDRyrhng_KGNsCauqAKjYW5ekPV19slc0hp9w77m1Wd2@Michael Blacklock 03gNoKUsm-BzeQcVooY51o5PO8WiVnzb5fuAZV5LSqfee2K3YumSOCWXPfllbl1IveYYo-7JoGZY9un9B8yV6zscUs3FZdbsF79MbXm3Zhk2ipW4aH9u9ngRgUKMaexJiuCB5MZz@Jéssica Souza FWeQaS8i4aB1-Gve2PoUImU2Q8LLhZtE5jHDWzLpe8MTi59Z6En02329kPRbkrcTmNb9UdOKFYbk650eAt8EEIIlELR_D15DcDNkZVkWW0r6kEtX6tIbD02lGs4KqI5oJPG5ZOzT@David Miranda Atenas 3_1xPDm715jP0ELyR9kamEaSmvA-S_DGMaoVoSAjzvi4IDKYvmwZVFtHcHBVbqcusMxAmJ4kD2fcbvRVduewDnxbjOVfzGrZyflnPPQKzeeZ9oSHQedcuZObkpIHGi6ba5ImMD7T@Eleonore Wall D0ZiZ3Cv4X3Fjv4pSdASGVhHmmQnFGalXSg7WgyQEqYBOpdlq3zHxrMpnde0v3h5_qktEB1N85Gk7Hnpm2oyMkeug3NptdvPnAef-peMh88yy8Pg9tRA4VQKzCNgoPKsmOV0KWEu@Chris Willson fcxuIqzqN5tmqaCRqj7fULOC9DH0xFw1j9KTG1oncTGCbaZUoNnqYS6aNLtzqqNGgiUOPAXY9VPDnYo56yJ1OrCKpEinVtZO9LtDYG8jflVvzSMdcWIb5fi2unhx_5S9sUTOo-98@Markham, Matt (GE Digital) IKIYdoQ8xg4iZo9XNtdoDrns5Ml20AxqDPfV5sT0ezKPEKr6zy990rSYHgcQ9tIQxBnGcPWy2DDuTpAei-w_M2c-xpK7e1j8NlXY2hdiHI_LJsvAV2tMucNdBDOgUoaAqiwCCP0d@Andrey CGmOwjjGyEILfYuXs7qE3DmYOumOUBi-tY8QtrDeqz9xlmO29QsFfHtJZZcry_6zZ_-mmbIWEjhD0fNvxZsjB9MM4NWofwIt9tzpCoEimyj9yaRSVXWXS3lDSp0gJ70AdDUpfi_e@Kim 77ju3eDriIBNp0iEX554CI4FL0W8g8GFncEXBW67yig3Cp7py-GAMB9_F_sIF5V9w9mrOYoh2BbvrYcw1Xv6ubVPXQ4Zt53IiLrgYkokOXy6X7SzvV5FfOr5AQuRSCJ2Y-t8zRf4@Kirill Tolkachev n-PQHY3MoAomV6yyNecTqj7PJsoDJNV0pL0S7v4HOolQ2wyoZ0GVbhK7ZfW8yyrnk03sH_HDo365CuBEgnHes7TgV-nyH31J15hgGBmwkY-SPanYd1yesfxTfAPVbTdEIqRgeadk@Sven Neumann  @Jack Finnegan vid0__jbokzr8PFcZZHGS2jjuaOcDDOboOe5qC14T8psfH4qW7_hwG8b3QWxGV_w2_dAyTcg0e5SGyEMsV_ZyOc8Zgo9ZK9R5ATlk_uQsmKjWhfdknGLBs9WIgWoG00mYV3c0ZNo@Frank Zondlo 

Userlevel 1

+1 on this. Would be great to have BPMN icons. The solutions that Michael has shared seem like a lot of work. Easier to use a BPMN tool until Miro improves this.

Userlevel 4

Hey Michael!

Unfortunately, none of these templates can help me with the construction of flowcharts in the BPMN language. BPMN has specifics symbols that don't exist in Miro. I was wondering if it's possible to import these symbols to the platform. Is this possible?

 

 

Hi. Tell me please, what is the status of this issue?

@mlanders 

 

This is probably one of the most important features we’re missing and actually a potential reason to not use Miro but a competitor instead.

Which would be very sad as I like everything about Miro. But natively supporting BPMN is a must have in our opinion.

Is a feature like this on the roadmap by any chance?

Userlevel 1

Any news about native BPMN or IDEF0/IDEF3 support?
t’s looks like good feature for modeling business process. 

I love Miro because it provide comfortable way to fast modeling and sharing info. Without BPMN templates (blocks and links) fast and comfort work does’t possible. I don’t like create BPMN blocks by grouping object, it’s hard to mainain. Basic bpmn blocks and connections is really required - see https://en.wikipedia.org/wiki/Business_Process_Model_and_Notation for information (or more complex - https://www.omg.org/spec/BPMN/2.0/PDF)

     
Userlevel 1

And awesome implementation — https://demo.bpmn.io/new
But without collaborative editing and not so cool as miro :)

My company develops software that helps clients to automate their business processes… documenting and talking about those processes using BPMN helps to reduce the ambiguity that often derails conversations about what is actually being done before we implement… and what will be done after we implement our solutions. Traditionally we would be face-to-face with a client, and discuss these workflows in an interactive conference room session. I’d very much like to use Miro to re-create the interactivity of those sessions… but I need the standard palate of BPMN symbols & objects. The workarounds presented here are a good start. I’d like to see the existing “card” object extended and used for this purpose… it could also be scraped to provide dynamic documentation of the process.

I have the same problem. Unfortunately the templates don’t have what I need (e.g. events, recurring tasks, subprocesses, different types of gateway). Snipping in elements doesn’t work either, because I can’t write text inside them.

I’d also like to be able to lock the swimlane titles on the left, similar to how you can lock the first column in a spreadsheet. :cry:

+1 on this. A template with swimlanes would be a start.

Userlevel 7
Badge +18

Hi togeher,

on my search for different symbols of BPMN I found different symbols.

Just like this one here:

 

 

I created this here in miro out of a rounded rectangle shape and a combination with icons and grouped them together.

 

So you are always able to change the written letters inside:

 

 


As long as there is no complete icon-lybrary for BPMN I would use a workaround with:

Grouping different symbols together to your own lybrary and save them as a template into miro.

Michael

Thanks Michael. That looks a bit fiddly but is better than nothing. Thanks again.

Userlevel 4

Thanks, Michael!

 

I’ll love Miro more if they improve it, but this also seems like a good palliative solution to me. Thank you again!

 

Is there a way to generate flow charts programmatically? I currently Generate a flowchart description from our internal finite state machines and use graphviz to generate flowchart diagrams. But it would be awesome if I could generate miro charts and integrate them into our documentation, etc.

O wow guys I found perfect solution :

1 - All BPMN shapes 

2 - Fast suggestions for connection

3 - Import other diagrams

4 - Collaborative editing

 

https://lucid.app/ 

Don't thank)

Userlevel 7
Badge +18

@Alexander Litvinenko :

And the best is: you can embed the diagram via Webtool and its shown directly:

 

Even if you update your board … @mironeers: This is exact how implementing other boards via iframe should work. 

Michael

also LOVE Miro. Sad to see, it is not supporting BPMN, :-(

Hello!

 

Is any solution for BPMN present?

Without it miro is a useless stuff...

Userlevel 7
Badge +11

@Oleg Krutitskiy

 

Check earlier page in this post - there I have posted a demo of a plugin I built which gives you the BPMN icon library drag and drop from the side panel. 

https://community.miro.com/wish-list-32/ability-to-create-flowcharts-in-the-bpmn-language-in-miro-355

 


If you’d like to try it out - direct message me and I’ll give you the install link. 

cheers

max 

Userlevel 1

Good example - 

 

Lucidchart has a fully functional BPMN solution, not just images.

@mlanders

 

This is probably one of the most important features we’re missing and actually a potential reason to not use Miro but a competitor instead.

Which would be very sad as I like everything about Miro. But natively supporting BPMN is a must have in our opinion.

Is a feature like this on the roadmap by any chance?

When you look at how Lucidchart works with fully functional Process Templates I wonder why anyone would bother with Miro. I’ll stick with Powerpoint and Lucidchart.

 

Check this: youtube.com/watch?v=VVkd-jqGuq4 

@mlanders

 

This is probably one of the most important features we’re missing and actually a potential reason to not use Miro but a competitor instead.

Which would be very sad as I like everything about Miro. But natively supporting BPMN is a must have in our opinion.

Is a feature like this on the roadmap by any chance?

When you look at how Lucidchart works with fully functional Process Templates I wonder why anyone would bother with Miro. I’ll stick with Powerpoint and Lucidchart.

 

Check this: youtube.com/watch?v=VVkd-jqGuq4 

I would go for lucidchart any day of the week if it was up to me. Now my company has decided on Miro but I keep arguing to revisit the decision and go for lucidchart and lucidspark instead. In my opinion they are playing a different game, a game I want to play.

Badge +1

I love Camunda (where we create BPMN) and was hoping Miro might consider building such flow type functionality (it just works without being overly complicated).

Userlevel 7
Badge +18

Hi Jéssica,

There are different Templates that you can use and maybe there is something that you can use as a basic from to start with:

https://miro.com/templates/flowchart/


https://miro.com/templates/data-flow-diagram/

https://miro.com/templates/entity-relationship-diagram/

https://miro.com/templates/uml-diagram/

Michael

 

Reply