Converta Mermaid em SVG

Transforme o código Mermaid em um SVG independente, com largura e altura reais. Ele continua nítido em qualquer zoom, abre no Figma, Illustrator e Inkscape e se incorpora bem a sites e arquivos README.

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

Como usar Mermaid para SVG

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

Também serve para

converter Mermaid em SVG
exportar diagrama Mermaid em SVG
baixar Mermaid como SVG
diagrama Mermaid para Figma
Mermaid para imagem vetorial

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 qpdf, pdf.js & pdf-lib.

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.

Posso editar o SVG depois?

Sim. O texto continua sendo texto de verdade e as formas são caminhos vetoriais, então Figma, Illustrator, Inkscape e a maioria das ferramentas de design conseguem abri-lo e editá-lo.

O SVG é seguro para usar em um site?

O Mermaid roda em modo estrito, que remove scripts e manipuladores de clique dos rótulos, então o SVG contém apenas o desenho e seus estilos.

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.