Generador de diagramas Mermaid
Un editor Mermaid en vivo rápido y privado. Pega cualquier diagrama Mermaid y míralo renderizar al instante — diagramas de flujo, diagramas de secuencia, modelos entidad-relación, diagramas de clases, diagramas de Gantt y mapas mentales todo en un lugar.
One step per line. Indent two spaces to branch beneath the line above.
¿Qué es Mermaid?
Mermaid es un lenguaje de "diagrama como código" de código abierto: escribes una breve descripción de texto y Mermaid renderiza el diagrama. Es la misma sintaxis que GitHub, GitLab, Obsidian y muchas plataformas de documentación renderizan nativamente, es por eso que un diagrama Mermaid es tan portátil — pega el bloque en cualquier lugar que lo admita y se dibuja a sí mismo.
Este editor ejecuta el renderizador Mermaid oficial en tu navegador. Escribe o pega cualquier tipo de diagrama admitido y se renderiza en vivo, con cero configuración y nada enviado a un servidor.
Del editor a tu documentación
Exporta un SVG vectorial para incrustar nítidamente, PNG para diapositivas, o copia un bloque Markdown ```mermaid listo para dejar caer en un GitHub README donde se renderiza automáticamente. Para diagramas que deben permanecer editables, mantenlos como código fuente Mermaid en tu repositorio y reabre aquí en cualquier momento.
Preguntas frecuentes
¿Este es un editor Mermaid gratuito en línea?
Sí — pega Mermaid y se renderiza en vivo en tu navegador, gratis, sin registro y sin marca de agua. Puedes exportar SVG/PNG o copiar el código.
¿Qué tipos de diagramas Mermaid se admiten?
Diagramas de flujo, diagramas de secuencia, diagramas entidad-relación, diagramas de clases, diagramas de estados, diagramas de Gantt, mapas mentales y gráficos circulares — el renderizador Mermaid completo se carga.
¿Mi código Mermaid se sube?
No. El motor Mermaid se carga una vez desde una CDN pública y luego todo se renderiza localmente. Tu texto de diagrama nunca deja tu dispositivo.
¿Cómo incrusto un diagrama Mermaid en un GitHub README?
Copia el bloque Markdown del menú de exportación y pégalo en tu README. GitHub renderiza automáticamente bloques de código ```mermaid entre cercas — no se necesita imagen.
¿Qué versión de Mermaid es esta?
El editor carga Mermaid 11 desde una CDN pública, por lo que obtienes sintaxis y tipos de diagramas actuales sin instalar nada.