How do I put a Mermaid diagram into PowerPoint?

Download → PowerPoint. The .pptx has the diagram filling a slide at high resolution, with the original Mermaid code on a final slide. Generated in your browser, nothing uploaded.

About 2 minUpdated 2026-09-13

Short answer

Paste your code into the editor, open the ▾ next to "Download PNG" and pick PowerPoint. The .pptx opens in PowerPoint, Keynote and Google Slides: slide one is the diagram laid out to the slide, the last slide carries the original Mermaid code so the next revision starts from text.

Two things worth doing first

  • Switch the theme. The default light theme washes out on a projector. The themes in the strip above the preview hold up better in a room, and the exported background follows whatever you're looking at.
  • Turn the flow sideways. Flowcharts default to top-down, which leaves a tall narrow diagram on a wide slide. Use "Layout" above the preview to switch direction to left-to-right and it fills the slide.

Try it

flowchart LR
    A[Discovery] --> B[Design]
    B --> C[Build]
    C --> D[QA]
    D --> E{Approved?}
    E -- Yes --> F[Launch]
    E -- No --> C

Edit the text, switch themes and download PNG, Word or PowerPoint from there.

Several diagrams at once

"Batch / bundle export" in the download menu renders several diagrams in several formats and packs them into one zip. That one is part of Pro.

More guides

All guides