Convierte Mermaid a SVG

Convierte código Mermaid en un SVG independiente con ancho y alto reales. Se mantiene nítido con cualquier zoom, se abre en Figma, Illustrator e Inkscape y se incrusta sin problemas en sitios web y archivos README.

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 SVG

Pega tu código Mermaid o elige un archivo .mmd o .md.
Elige un tema y, si quieres, un fondo transparente.
Haz clic en «Crear SVG», revisa la vista previa y descárgalo.

También sirve para

convertir Mermaid a SVG
exportar diagrama Mermaid a SVG
descargar Mermaid como SVG
diagrama Mermaid para Figma
Mermaid a imagen vectorial

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.

¿Puedo editar el SVG después?

Sí. El texto sigue siendo texto real y las formas son trazados vectoriales, así que Figma, Illustrator, Inkscape y la mayoría de herramientas de diseño pueden abrirlo y editarlo.

¿Es seguro poner el SVG en un sitio web?

Mermaid se ejecuta en modo estricto, que elimina scripts y controladores de clic de las etiquetas, así que el SVG solo contiene el dibujo y sus estilos.

¿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.