Editor Mermaid Online

Desenhe fluxogramas, diagramas de sequência, gráficos de Gantt e muito mais a partir de poucas linhas de texto. Escreva o código Mermaid à esquerda, veja o diagrama atualizar à direita, depois exporte em SVG ou PNG para documentos, apresentações ou Markdown. GitHub, GitLab, Notion e muitos apps de notas também renderizam código Mermaid diretamente.

Roda no seu navegador — nada do que você digita é enviado

Carregando Mermaid…

Como usar

Escolha um diagrama em Inserir um modelo, ou cole um código Mermaid que você já tenha.
Edite o código à esquerda. A pré-visualização é renderizada novamente quando você para de digitar, e erros de sintaxe aparecem abaixo dela.
Escolha um tema, depois baixe em SVG ou PNG, ou copie o código SVG.

Opções explicadas

Tipos de diagrama: Os modelos cobrem fluxogramas, diagramas de sequência, classes, estados e ER, gráficos de Gantt, gráficos de pizza e mapas mentais. Outros tipos do Mermaid, como linhas do tempo, gráficos de quadrantes e grafos do Git, podem ser escritos diretamente.
Tema: Os temas integrados Padrão, Neutro, Escuro e Forest. Neutro é quase em preto e branco e imprime bem.
Exportar: SVG é vetorial e escala sem perda de qualidade. O PNG é exportado com o dobro do tamanho e uma cor de fundo, para apps de chat e apresentações.

Referência rápida de fluxogramas

flowchart LR
    A[Rectangle] --> B(Rounded)
    B --> C{Decision}
    C -->|Yes| D[(Database)]
    C -.->|No| E((Circle))

TD de cima para baixo, LR da esquerda para a direita
--> seta contínua, -.-> pontilhada, ==> grossa, -->|texto| com um rótulo

Perguntas frequentes

Posso colar código Mermaid no GitHub?

Sim. Coloque em um bloco de código ```mermaid em um arquivo Markdown, uma issue ou um comentário, e o GitHub renderiza o diagrama. GitLab, Notion, Obsidian e Typora também suportam.

Meu código é enviado a algum servidor?

Não. O Mermaid é renderizado no seu navegador; o código e o diagrama nunca saem do seu dispositivo.

Por que a formatação Markdown dentro dos nós não funciona?

Para tornar possível a exportação em PNG, os rótulos dos nós são desenhados como texto SVG, que não suporta tags HTML nem parte da formatação de texto avançada.

Privacidade

Esta ferramenta funciona inteiramente no seu navegador. Seus arquivos e textos são processados no seu dispositivo e nunca são enviados aos nossos servidores.