Editor en vivo de Mermaid: diagramas en el navegador sin registro

Fuentes: Mermaid Live Editor: free browser-based diagram maker with shareable URLs

Moxie Docs ofrece un editor en vivo de Mermaid gratuito y basado en el navegador que permite crear, previsualizar y exportar diagramas sin necesidad de registro ni instalación. La herramienta dibuja el diagrama a medida que se escribe el código en el panel izquierdo y muestra el resultado al instante, sin botones de guardado ni recargas. Cada diagrama se codifica íntegramente en la URL, de modo que basta con compartir el enlace para que otra persona vea exactamente la misma composición; al no intervenir almacenamiento en servidor, los contenidos no salen del dispositivo del usuario.

El editor soporta los principales tipos de diagrama de Mermaid: flowchart, sequenceDiagram, classDiagram, erDiagram, gantt, mindmap, pie, state y gitGraph, entre otros, ejecutados con la última versión del renderizador. Una vez completado, el archivo puede descargarse como SVG limpio o PNG de alta resolución con un solo clic, listo para insertarlo en README, Notion, Confluence, Google Docs o cualquier documento Markdown. La página también ofrece fragmentos y ejemplos cargables para empezar rápido.

Además del editor aislado, los usuarios pueden conectar un repositorio de GitHub para que Moxie genere diagramas de arquitectura a partir del código fuente y los mantenga actualizados con cada fusión. Entre los usos habituales figuran flujos y diagramas estilo C4 para explicar servicios, secuencias para ciclos de petición, modelos entidad-relación y de clases, así como diagramas de Gantt y mapas mentales para planificación y onboarding. La propuesta combina exportación rápida, URLs limpias y una política de cero seguimiento sobre la propia herramienta.