Loading mermaid.tools…
← Volver al editor

Editor visual Mermaid gratis — crea, previsualiza y exporta diagramas

mermaid.tools es un editor visual gratuito para crear, previsualizar y exportar diagramas Mermaid en el navegador. Escribe o pega el código, ajusta el resultado con controles visuales y descarga el archivo.

¿Cómo se usa?

  1. Escribe una definición Mermaid en la pestaña Código o empieza con un ejemplo.
  2. Revisa el resultado en Vista previa. Usa Herramientas para cambiar el tema, el tamaño del texto y el diseño.
  3. Abre Exportar y descarga el diagrama como SVG, PNG, JPEG, PDF, MMD o JSON.

Preguntas frecuentes

¿Qué es Mermaid?

Mermaid es una biblioteca JavaScript de código abierto que convierte definiciones de texto en diagramas de flujo, secuencia y otros tipos de diagramas.

¿Qué formato de exportación debo elegir?

Usa SVG para gráficos escalables, PNG para imágenes transparentes y PDF para diseños de página. Conserva MMD como código editable o JSON como copia del proyecto y su configuración.

¿Dónde se guardan mis diagramas?

El renderizado y el almacenamiento del proyecto ocurren en tu navegador. Las bibliotecas necesarias se cargan por red. Un enlace compartido contiene el diagrama; cualquiera que lo reciba puede verlo.

¿Puedo instalarlo como aplicación en mi teléfono?

En Safari para iPhone, abre Compartir y elige Añadir a pantalla de inicio. En otros navegadores compatibles, usa la opción para instalar aplicaciones. La primera carga necesita conexión a internet.

Guías detalladas (en inglés)

Los controles principales están disponibles en español. Algunos controles avanzados y mensajes técnicos siguen apareciendo en inglés. Tu código Mermaid nunca se traduce.