Know-HowGoogle SlidesAdd-On

How to Render Mermaid Diagrams Directly in Google Slides™

Use Mermaid syntax with the Text To Table Converter add-on to turn flowcharts and other diagrams into editable visuals inside Google Slides™.

Maikki

Maikki

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.

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

  1. Start a drawing

Click New drawing to open the drawing editor.

  1. Open the Mermaid tool

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

  1. Paste your Mermaid diagram

Paste or type your Mermaid definition into the Mermaid panel.

mermaid
flowchart TD
  A[Idea] --> B{Need review?}
  B -->|Yes| C[Refine]
  B -->|No| D[Ship]
  C --> D
  1. Insert the diagram into the canvas

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

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

Text To Table Converter

Get the Add-On - Free

Text To Table Converter

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.

Install free

Related Reading

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