Mermaid diagrams: insert, edit, and export
Updated 3 weeks ago
Add a Mermaid diagram to a slide from the bottom toolbar's Insert menu, then choose Mermaid and pick a diagram type. The diagram renders in your deck's theme colors and stays editable as text, through inline labels, or with AI.
Mermaid diagrams are a SlidesAI Platform editor feature; the Google Slides add-on, PowerPoint add-in, and ChatGPT helper are unchanged.
Add a diagram
The Insert menu groups every diagram type behind a single searchable list, so you jump straight to the one you want.
In the bottom toolbar, click Insert.
Point at Mermaid to open the diagram list.
Type in the search box to filter, then click a type to drop it on the slide.
Diagram types
The list holds 17 types: Flowchart, Sequence, Class, State, ER, Gantt, Git Graph, Mindmap, User Journey, Requirement, C4 Context, Sankey, Packet, Kanban, Architecture, Treemap, and Block. Each one inserts as a small starter diagram you edit in place.
Edit a diagram
Select a diagram and click Edit diagram in its toolbar to open the editor, which shows the Mermaid source on one side and a live preview on the other.
Rename a label by clicking it in the preview and typing — no need to hunt for it in the source.
Format re-indents the source for readability without changing the diagram.
Insert helpers add the next building block for the current type — an actor and message for sequence diagrams, a branch for a git graph, an arrow for a flowchart.
Change a diagram with AI
Click Ask AI in the editor to describe a change in plain language, or pick a quick edit: Fix labels, Simplify diagram, or Add more detail.
Open Ask AI and describe the change, or choose a quick edit.
Review the before-and-after in Compare changes.
Click Accept & save to apply it, or Reject to keep the original. Ask for another change to keep refining.
When a diagram won't render because of a syntax error, Fix with AI repairs the source in one click.
Diagrams follow your theme
A new diagram picks up your deck's colors, fonts, and background automatically, so it looks part of the slide rather than pasted on.
Switch your presentation's theme and every diagram recolors itself to match on its next render — you don't reapply anything.
Size, align, and background
The diagram's toolbar controls how it sits in its box, which matters when a wide diagram shares a slide with other content.
Fit — Contain keeps the whole diagram visible, Cover fills the box and crops the overflow, and Fill stretches it to the box.
Horizontal align and Vertical align position the diagram inside its box.
Background sets the surface behind the diagram, or matches it to the slide.
View a diagram full screen
Open a diagram in a fullscreen viewer from its toolbar in the editor, or while presenting.
In the editor, select the diagram and click View diagram full screen in its toolbar.
While presenting, click the diagram to open it full screen. A diagram with a link follows the link when clicked instead; open it full screen with the fullscreen button that appears on hover.
Export or copy a diagram
From the diagram's toolbar, click Export to take a single diagram out of the deck.
Download PNG or Download SVG saves the diagram as an image file.
Copy PNG puts it on your clipboard to paste into another app.
Copy source copies the Mermaid text to reuse the diagram elsewhere.