Convierte Mermaid a PNG o SVG

Pega código Mermaid y obtén una imagen para presentaciones, documentos, archivos README o chats. Los diagramas de flujo, de secuencia, de clases, de estados, entidad-relación y Gantt se dibujan en tu propio dispositivo y ves el resultado antes de descargarlo.

Gratis para siempre · Funciona en tu dispositivo · 0 bytes subidos

Elige un archivo .mmd o suéltalo aquí · nunca sale de este dispositivo

Código Mermaid Guardar como Tamaño del PNG Tema Fondo transparente

Cómo usar Mermaid a imagen

Pega tu código Mermaid o elige un archivo .mmd o .md.
Elige PNG o SVG, un tamaño y un tema.
Haz clic en «Crear imagen», revisa la vista previa y descárgala.

También sirve para

Mermaid a PNG
Mermaid a SVG online gratis
exportar diagrama Mermaid como imagen
diagrama de flujo Mermaid a imagen
alternativa a Mermaid Live Editor

Ejemplos de Mermaid para empezar

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 diseño — y puedes comprobarlo

Tus archivos nunca se suben, porque no hay ningún sitio al que subirlos.

No existe ningún paso de subidaLos archivos se leen y se escriben dentro de esta pestaña del navegador. No hay ningún servidor que pueda recibirlos.
El navegador lo garantizaLa política de seguridad de contenido (CSP) de esta página solo permite conexiones a este mismo sitio, que no sirve nada más que la propia aplicación.
Compruébalo tú mismoAbre las herramientas de desarrollador, observa la pestaña Red y ejecuta una tarea: ninguna solicitud lleva tu documento.
Código abiertoCada línea de código está en GitHub, construido con qpdf, pdf.js & pdf-lib.

Preguntas frecuentes

¿Se suben mis archivos a algún sitio?

No. Fizzdoc hace todo el trabajo dentro de la pestaña de tu navegador, con motores de código abierto compilados a WebAssembly y JavaScript. Tu archivo se lee desde tu dispositivo, se procesa localmente y el resultado se guarda directamente en tu dispositivo. Puedes comprobarlo tú mismo: abre las herramientas de desarrollador de tu navegador, ve a la pestaña Red y ejecuta una tarea — ninguna solicitud lleva tu archivo.

¿Qué diagramas funcionan?

Todo lo que Mermaid puede dibujar: diagramas de flujo, de secuencia, de clases, de estados, entidad-relación, Gantt, circulares, mapas mentales, líneas de tiempo y gráficos de Git. Si el código tiene un error, el propio mensaje de Mermaid te indica qué corregir.

¿PNG o SVG?

El SVG se ve nítido a cualquier tamaño y es lo mejor para sitios web y herramientas de diseño. El PNG funciona en todas partes, incluidos Word, PowerPoint y apps de chat; elige 2× o 4× para presentaciones e impresión nítidas.

¿Es gratis Fizzdoc?

Sí, y seguirá siendo gratis: sin registro, sin marca de agua, sin límite diario y sin plan premium. Fizzdoc es de código abierto bajo la licencia Apache-2.0, así que cualquiera puede ejecutar su propia copia.