You can now create diagrams from Mermaid code and edit them as native Miro shapes and connectors. Mermaid stays the source of truth, so you can move diagrams between Miro, your codebase, and AI tools without losing structure.
- Paste to render. Paste Mermaid code onto a board and Miro renders it as an editable Diagram, laid out automatically—not a static image.
- Bi-directional editing. Change the diagram visually on the board and the Mermaid code updates; edit the code and the diagram re-renders.
- Build with AI. With Miro MCP, connected agents can create, read, update, and edit Mermaid diagrams on your boards.
- Collaborate natively. Because diagrams are native Miro content, your team can comment, co-edit, and iterate on the same board in real time.
Flowcharts render as native, editable Miro shapes today, with more Mermaid diagram types being added iteratively. To learn more, see Create Mermaid diagrams.