AI Mermaid Tutorial

This tutorial guides you through using AI Mermaid FlowChart Diagram Maker to create and edit diagrams in Google Docs and Google Slides.

1

Select Text and Access AI Mermaid

Select text from Google Docs or Google Slides that you want to visualize as a diagram. Then, from the menu, choose “AI Mermaid FlowChart Diagram Maker” to begin the diagram generation process.

Selecting text in Google Docs and accessing AI Mermaid from the menu
2

AI-Powered Diagram Generation

AI will automatically generate a diagram based on your selected text. The extension supports various diagram types, including:

  • Flowcharts
  • Sequence Diagrams
  • Class Diagrams
  • State Diagrams
  • ER Diagrams
  • User Journey Diagrams
  • Gantt Charts
  • And more
AI automatically generating a diagram from the selected text
3

Customize Using Natural Language

You can use your native language to instruct the AI to adjust the diagram according to your requirements. Simply describe the changes you want, and the AI will update the diagram accordingly.

Using natural language to customize the diagram with AI assistance
4

Edit Mermaid Code Directly

For more precise control, you can directly edit the Mermaid code in the built-in Mermaid editor. This gives you full flexibility to customize every aspect of your diagram.

Editing Mermaid diagram code in the built-in editor
5

Insert Diagram with One Click

Once you're satisfied with your diagram, you can insert it into your Google Docs or Google Slides with just one click. The diagram will be automatically formatted to fit your document.

Inserting the completed diagram into Google Docs with one click
6

Edit Existing Diagrams Anytime

You can edit your diagrams at any time by selecting them in Google Docs or Google Slides and clicking “Edit.” This will open the AI Mermaid editor where you can make changes using AI suggestions or by editing the Mermaid code directly.

Getting Started

To get started with AI Mermaid FlowChart Diagram Maker, install the extension from the Google Workspace Marketplace and follow the steps above to create your first diagram.