How to Render Mermaid Diagrams Directly in Google Slides™

If you already write diagrams in Mermaid, you do not need to rebuild them shape by shape in Google Slides™.

With the Text To Table Converter add-on, you can open Insert Drawing, convert Mermaid syntax into Excalidraw elements, and place the finished result on your slide as a PNG. That gives you a faster way to create process diagrams, org charts, and simple technical visuals for presentations.

How to Render a Mermaid Diagram in Google Slides™

1. Open your presentation Go to the slide where you want the diagram to appear.

2. Open Insert Drawing Open Extensions > Text To Table Converter > Document Tools > Insert Drawing.

   You can also open the sidebar and go to Document Tools -> Export -> Insert Drawing.

3. Start a drawing Click New drawing to open the drawing editor.

4. Open the Mermaid tool Inside the editor, open Generate -> Mermaid to Excalidraw.

5. Paste your Mermaid diagram Paste or type your Mermaid definition into the Mermaid panel.

   flowchart TD
     A[Idea] --> B{Need review?}
     B -->|Yes| C[Refine]
     B -->|No| D[Ship]
     C --> D

6. Insert the diagram into the canvas Check the preview, then click Insert. The diagram is added to the drawing canvas as Excalidraw content.

7. Save and insert it into Slides Click Save, choose a file name and Drive folder, then click Insert PNG to place the result on the current slide.

What Mermaid Diagrams Work Best

This workflow is best for Mermaid diagrams you want to place as a visual on a slide and refine before presenting.

Supported Mermaid diagram types include:

• Flowchart
• Sequence
• Class
• Entity Relationship

Other Mermaid diagram types may appear as an image instead of fully editable shapes.

Why Use This Instead of Drawing by Hand

This is useful when:

• You already have Mermaid source from documentation or engineering notes
• You want a quick flowchart for a pitch deck or team update
• You need a diagram that is easier to revise than a screenshot
• You want to keep the editable .excalidraw source in Google Drive for later updates

Tip

If you plan to update the diagram later, keep the saved .excalidraw file in Drive. When you reopen the linked drawing and insert again, the add-on can replace the existing image on the slide instead of adding a duplicate.

Another Fast Option

You can also try pasting Mermaid source directly onto the drawing canvas. If the editor detects valid Mermaid syntax, it can convert the diagram automatically.

Get the Add-On

Create diagrams directly inside Google Slides™ with Mermaid, Excalidraw, and the Text To Table Converter add-on.

Render Mermaid diagrams in Google Slides™

Install the add-on to convert Mermaid syntax into a drawing, save the editable source to Drive, and insert the result into your slide.

Get it from Google Workspace Marketplace

Related Reading

Insert Drawing Read the full guide for creating drawings and Mermaid diagrams in Docs or Slides.

How to Turn a Video into a GIF in Google Docs™ or Google Slides™ Another way to add visual content directly inside a presentation.