Back to Docs

Getting Started

Welcome to MermaidSnap!

MermaidSnap is the easiest way to create professional diagrams. No design skills needed — just type simple text and watch your diagram appear.

How it works

  1. Open the editor — Go to the homepage
  2. Type or paste your diagram code — Use the code editor on the left
  3. See it instantly — Your diagram appears on the right
  4. Export or share — Download as PNG/SVG or share a link

Your first diagram

Try pasting this in the editor:

flowchart LR
    A[Hello] --> B[World]

You'll see two boxes connected by an arrow. That's it — you just made a diagram!

Using templates

Don't want to start from scratch? Click the Templates button in the toolbar to choose from ready-made diagrams. Pick one, modify it, and make it your own.

Need an account?

You can use MermaidSnap for free without signing up. Create an account if you want to:

  • Save your diagrams to the cloud
  • Organize diagrams in folders
  • Share diagrams with others
  • Access version history
Creating Diagrams
enespt-br