Editor de Mermaid online

Dibuja diagramas de flujo, diagramas de secuencia, diagramas de Gantt y más a partir de unas pocas líneas de texto. Escribe código Mermaid a la izquierda, observa cómo se actualiza el diagrama a la derecha, y luego exporta a SVG o PNG para documentos, presentaciones o Markdown. GitHub, GitLab, Notion y muchas apps de notas también renderizan código Mermaid directamente.

Funciona en tu navegador: nada de lo que introduces se sube

Cargando Mermaid…

Cómo se usa

Elige un diagrama en «Insertar una plantilla», o pega código Mermaid que ya tengas.
Edita el código a la izquierda. La vista previa se vuelve a renderizar cuando dejas de escribir, y los errores de sintaxis aparecen debajo.
Elige un tema y luego descarga en SVG o PNG, o copia el código SVG.

Opciones explicadas

Tipos de diagrama: Las plantillas cubren diagramas de flujo, secuencia, clases, estados y ER, diagramas de Gantt, gráficos circulares y mapas mentales. Otros tipos de Mermaid, como líneas de tiempo, gráficos de cuadrantes y grafos de Git, se pueden escribir directamente.
Tema: Los temas integrados Predeterminado, Neutro, Oscuro y Forest. Neutro es casi blanco y negro e imprime bien.
Exportar: SVG es vectorial y escala sin pérdida. PNG se exporta al doble de tamaño con un color de fondo, para apps de chat y presentaciones.

Guía rápida de diagramas de flujo

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

TD de arriba a abajo, LR de izquierda a derecha
--> flecha continua, -.-> punteada, ==> gruesa, -->|texto| con una etiqueta

Preguntas frecuentes

¿Puedo pegar código Mermaid en GitHub?

Sí. Ponlo en un bloque de código ```mermaid en un archivo Markdown, un issue o un comentario, y GitHub renderiza el diagrama. GitLab, Notion, Obsidian y Typora también lo admiten.

¿Se sube mi código?

No. Mermaid se renderiza en tu navegador; el código y el diagrama nunca salen de tu dispositivo.

¿Por qué no funciona el formato Markdown dentro de los nodos?

Para que sea posible exportar a PNG, las etiquetas de los nodos se dibujan como texto SVG, que no admite etiquetas HTML ni parte del formato de texto enriquecido.

Privacidad

Esta herramienta funciona por completo en tu navegador. Tus archivos y textos se procesan en tu dispositivo y nunca se suben a nuestros servidores.