Mermaid diagrams: insert, edit, and export

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.

1. In the bottom toolbar, click Insert.

2. Point at Mermaid to open the diagram list.

3. 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.

1. Open Ask AI and describe the change, or choose a quick edit.

2. Review the before-and-after in Compare changes.

3. 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.

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.

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.