Skip to main content

Hello Community,

 

We’re excited to announce that you can now create diagrams using code with Mermaid and PlantUML apps right in Miro. 

 

With these apps you can automate the process of generating complex diagrams with a simple text language — so you don’t have to worry about design and layout.

  • No need to align diagrams or manually update designs — design and layout are automatically applied

  • Copy your diagram code from other sources like GitHub or Notion to automatically re-create your diagram in Miro

  • Visit the Marketplace to install Mermaid and PlantUML 

  • Note, in this first version code will generate an image. We’re curious to hear your feedback and input for the next version

Updates!

  1. Both apps support editing (only on newly created diagrams).
    1. To edit, select the image generated by one of the apps and then click the toolbar icon. The source of the original diagram will be loaded in the editor.
  2. Both apps are update to the latest version supporting new diagram types like C4 architecture
  3. All output generates a vector graphics so there’s no loss of quality when zooming in
  4. Full screen mode for more editing real estate
  5. Improved the speed of both apps

Visit our Help Center to learn more:

Share your ideas or work with the Miro Community and inspire others.

Happy Diagramming,

Turner 

+1 to editing, it would be a great alternative to draw.io if the diagrams were mutable

This is an awesome feature! Thank you.

Also, I agree with @Timothy Connolly. One of the main advantages of mermaid is making diagrams easy to change - solves the `Doc-Rot Catch 22` as the mermaid team highlight. I would use this if I could easily edit the mermaid code for the diagram.

FWIW, draw.io let’s you do this by double clicking on the created image to edit the underlying mermaid code:

More details at https://www.diagrams.net/blog/mermaid-diagrams

Would be great if the code/syntax was kept, and could edited on the board, updating the image on the fly.

Would really help with collaborating around problems/ideas.

Great start though! 👍🏻

Would love to have the ability to export diagrams from Miro to Mermaid code so we can backup some of our important diagrams and version them.

But awesome work!

Thanks Turner for the details. Will the code be available in any repo to go through?

Hi Arijt, thank you for your feedback. In this first version that’s not yet possible. But we’re taking in feedback from the Community, so glad you mentioned this!

Best,

Turner

Hi Turner, Thank you for the details. this is amazing to get PlantUML support in Miro. 

Is there any way I can modify a plantUML diagram after it has been added to the board.

Reply


Terms & Conditions