¿Qué es Mermaid?
Mermaid convierte definiciones de texto en diagramas. Los equipos pueden revisar la fuente en pull requests, seguir cambios con Git y mantener los diagramas junto a la documentación.
El editor genera localmente diagramas de flujo, secuencia, clases, entidad-relación y Gantt. Empiece con una plantilla y exporte SVG o PNG.
Elija el diagrama adecuado
- Los diagramas de flujo explican procesos y decisiones.
- Los diagramas de secuencia muestran mensajes a lo largo del tiempo.
- Los diagramas ER documentan entidades y relaciones.
- Los diagramas de clases describen tipos y herencia.
- Los diagramas de Gantt comunican calendarios.
Flujo mínimo
flowchart LR
Solicitud --> Validar{¿Válida?}
Validar -->|Sí| Publicar
Validar -->|No| RevisarRenderizado local seguro
La fuente se guarda en localStorage y DevToy no la carga. Mermaid funciona en modo de seguridad estricto.
Preguntas frecuentes
¿Qué formato debo exportar?
Use SVG para documentación y PNG cuando la plataforma de destino no acepte SVG.
¿Por qué falla una sintaxis aparentemente válida?
Revise la palabra inicial, la indentación, las palabras reservadas, las comillas y la versión de Mermaid.
¿Se guarda el diagrama?
La fuente actual se guarda en este dispositivo y se elimina al borrar el almacenamiento del navegador.