Tool-page

Mermaid Diagram Editor

Create and render diagrams with Mermaid syntax, right in your browser with no install.

You write the diagram as text and see it rendered right away. The examples show a Power Automate flow with an approval and a Scope Try/Catch, and a Dataverse data model with Account, Contact and Opportunity. Export as SVG, PNG or HTML (tip 116).

Open Mermaid Editor

Free. You enter your email address once, then all tools are unlocked. Your data is processed locally in your browser.

How it works

  1. Pick a diagram type or paste Mermaid code.
  2. Edit the code, the preview follows immediately.
  3. Download as SVG, PNG or HTML.

Example: flow with approval

flowchart TD
  T([New item in SharePoint]) --> C{Amount > 5000?}
  C -->|Yes| A[Start approval]
  C -->|No| U[Set status]
  A --> U
  style T fill:#0078d4,color:#fff

Frequently asked questions

Is the Mermaid editor free?

Yes.

Are my diagrams uploaded?

No, rendering runs locally in your browser.

What is Mermaid?

A text-based syntax to describe flowcharts, sequence, ER and other diagrams and render them automatically.

What do I use it for in the Power Platform?

To document flow logic, solution architecture and Dataverse data models, for example in a README or wiki.

Can I export the diagram?

Yes, as SVG, PNG and as an HTML file.

What happens on a syntax error?

The tool shows the Mermaid error message. As soon as the code is valid again, the diagram appears.

Related tips

All tips in the archive

Microsoft and the Power Platform product names (for example Power Apps, Power Automate, Copilot Studio) are trademarks of the Microsoft group of companies. This is an independent website. It is not operated, sponsored or endorsed by Microsoft.