Converta Mermaid em PNG ou SVG

Cole o código Mermaid e obtenha uma imagem para slides, documentos, arquivos README ou chats. Fluxogramas e diagramas de sequência, de classes, de estados, entidade-relacionamento e Gantt são desenhados no seu próprio dispositivo, e você vê a imagem antes de baixar.

Grátis para sempre · Roda no seu dispositivo · 0 bytes enviados

Escolher um arquivo .mmd ou solte aqui · nunca sai deste dispositivo

Código Mermaid Salvar como Tamanho do PNG Tema Fundo transparente

Lento ou não funciona? Avise no GitHub

Como usar Mermaid para imagem

Cole seu código Mermaid ou escolha um arquivo .mmd ou .md.
Escolha PNG ou SVG, um tamanho e um tema.
Clique em “Criar imagem”, confira a prévia e baixe.

Também serve para

Mermaid para PNG
Mermaid para SVG online grátis
exportar diagrama Mermaid como imagem
fluxograma Mermaid para imagem
alternativa ao Mermaid Live Editor

Exemplos de Mermaid para começar

flowchart

flowchart TD
    Start([Order placed]) --> Pay{Paid?}
    Pay -->|Yes| Ship[Pack and ship]
    Pay -->|No| Remind[Send a reminder]
    Remind --> Pay
    Ship --> Done([Delivered])

sequenceDiagram

sequenceDiagram
    participant U as User
    participant A as App
    participant S as Server
    U->>A: Log in
    A->>S: Check password
    S-->>A: OK
    A-->>U: Welcome back

classDiagram

classDiagram
    class Customer {
      +String name
      +String email
    }
    class Order {
      +String id
      +Date placedAt
      +total() Number
    }
    Customer "1" --> "*" Order : places

erDiagram

erDiagram
    CUSTOMER ||--o{ ORDER : places
    ORDER ||--|{ LINE_ITEM : contains
    PRODUCT ||--o{ LINE_ITEM : "appears in"

gantt

gantt
    title Website launch
    dateFormat YYYY-MM-DD
    section Build
    Design      :a1, 2025-01-06, 5d
    Development :a2, after a1, 10d
    section Launch
    Testing     :after a2, 4d

pie

pie title Where the week goes
    "Coding" : 45
    "Meetings" : 30
    "Reviews" : 15
    "Email" : 10

Privado por design — e você pode conferir

Seus arquivos nunca são enviados, porque não existe para onde enviá-los.

Não existe etapa de envioOs arquivos são lidos e gravados dentro desta aba do navegador. Não há servidor algum que possa recebê-los.
O navegador garante issoA Content Security Policy desta página só permite conexões de volta a este site, que não serve nada além do próprio aplicativo.
Veja com seus próprios olhosAbra as ferramentas de desenvolvedor, observe a aba Rede e rode uma tarefa: nenhuma requisição leva seu documento.
Código abertoCada linha está no GitHub, construída com Mermaid.

Perguntas frequentes

Meus arquivos são enviados para algum lugar?

Não. O Fizzdoc faz todo o trabalho dentro da aba do seu navegador, usando mecanismos de código aberto compilados para WebAssembly e JavaScript. Seu arquivo é lido do seu dispositivo, processado localmente, e o resultado é salvo direto de volta nele. Você pode conferir por conta própria: abra as ferramentas de desenvolvedor do navegador, vá até a aba Rede e rode uma tarefa — nenhuma requisição leva seu arquivo.

Quais diagramas funcionam?

Tudo o que o Mermaid consegue desenhar: fluxogramas, diagramas de sequência, de classes, de estados, entidade-relacionamento, Gantt, gráficos de pizza, mapas mentais, linhas do tempo e gráficos Git. Se o código tiver um erro, a própria mensagem do Mermaid mostra o que corrigir.

PNG ou SVG?

O SVG fica nítido em qualquer tamanho e é o melhor para sites e ferramentas de design. O PNG funciona em todo lugar, inclusive Word, PowerPoint e apps de chat; escolha 2× ou 4× para slides e impressão nítidos.

O Fizzdoc é gratuito?

Sim, e vai continuar sendo grátis: sem cadastro, sem marca d'água, sem limite diário e sem plano premium. O Fizzdoc é open source sob a licença Apache-2.0, então qualquer um pode rodar sua própria cópia.