Editor de Diagramas Mermaid en Línea

Editor de diagramas Mermaid en línea profesional con vista previa en vivo, edición visual, 22 tipos de diagramas, exportación PNG/SVG y más.

Ver Documentación de Sintaxis
Editor de CódigoDiagrama de Flujo
Editor de Código...
Vista Previa
100%
7 líneas104 caracteres

Cómo Usar

1

Ingrese Sintaxis Mermaid

Ingrese o pegue sintaxis Mermaid en el editor izquierdo. Soporta 22 tipos de diagramas incluyendo diagramas de flujo, diagramas de secuencia, diagramas de clases y más.

2

Vista Previa en Vivo

El lado derecho muestra el diagrama renderizado en tiempo real. Soporta operaciones de zoom y desplazamiento para ver detalles del diagrama.

3

Exportar y Compartir

Cuando termine, exporte como formato PNG o SVG, o copie código/imagen directamente al portapapeles.

Características

22 Tipos de Diagramas
Resaltado de Sintaxis
Vista Previa en Vivo
Guardado Automático
Deshacer/Rehacer
Exportar PNG/SVG
Modo Pantalla Completa
Almacenamiento Local

Atajos de Teclado

Ctrl/Cmd + SGuardar
Ctrl/Cmd + ZDeshacer
Ctrl/Cmd + Shift + ZRehacer
EscapeSalir de Pantalla Completa

Preguntas Frecuentes

¿Qué es Mermaid?

Mermaid es una herramienta de diagramas y gráficos basada en JavaScript que renderiza definiciones de texto inspiradas en Markdown para crear diagramas. Se usa ampliamente para documentación, especificaciones técnicas y diversas necesidades de visualización.

¿Están seguros mis datos?

Sí, todos los datos se almacenan localmente en su navegador (LocalStorage) y no se cargan a ningún servidor. El contenido de su diagrama es completamente privado y seguro.

¿Qué tipos de diagramas se soportan?

Soporta 22 tipos de diagramas incluyendo: Diagrama de flujo, Secuencia, Clases, Estados, ER, Gantt, Circular, Git Graph, Mapa Mental, Línea de Tiempo, Viaje del Usuario, Cuadrantes, Requisitos, C4, Sankey y más.

廣告
廣告
Editor de Diagramas Mermaid en Línea | Life Toolkit