How do I put a Mermaid diagram into PowerPoint?

About 2 min · Updated 2026-09-13

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.

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
Open in the editorEdit 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 Lite.

Try it in the editor

More guides

All guidesLooking for a specific answer? Try the Help Center