Saltar al contenido
Totalmente local

Generador de diagramas Mermaid

Convierte una lista indentada en una definición de flowchart, gráfico de jerarquía o mapa mental de Mermaid.

Entrada
Salida

Generador de diagramas Mermaid

Pega una lista indentada o con viñetas y esta herramienta la convierte directamente en sintaxis de diagramas Mermaid, lista para copiar en un README, una página wiki, Notion o cualquier editor que soporte Mermaid. Cada nivel de indentación se convierte en una relación padre-hijo, así que un esquema de un proceso, un organigrama o una estructura de carpetas se transforma en una definición de diagrama sin necesidad de escribir manualmente la sintaxis de nodos y conexiones.

Elige primero el tipo de diagrama: flowchart y gráfico de jerarquía utilizan la sintaxis de nodos y flechas de Mermaid (la única diferencia es la palabra clave que abre la definición), mientras que mindmap produce el diseño anidado y sin flechas que Mermaid utiliza para mapas mentales radiales. La dirección (de arriba a abajo, de izquierda a derecha, de abajo a arriba, de derecha a izquierda) y el estilo del conector (flecha, punteado, grueso) se aplican a flowcharts y gráficos de jerarquía. La forma del nodo controla si cada elemento se renderiza como un rectángulo, un cuadro redondeado, un diamante o un cilindro.

La indentación puede usar tabulaciones, espacios o una viñeta inicial (-, *, •, +) — la herramienta mide el ancho de indentación relativa en lugar de asumir un tamaño de tabulación fijo, por lo que las listas mixtas se anidan correctamente. Las comillas, corchetes, paréntesis y otros caracteres que de otro modo romperían la sintaxis de Mermaid se escapan automáticamente en las etiquetas, por lo que el texto pegado nunca produce una salida inválida. Los finales de línea de Windows (CRLF) y Unix (LF) se manejan de la misma manera, y el contador en vivo bajo la salida reporta líneas de entrada, nodos y conexiones producidas, y caracteres totales.

Todo se ejecuta localmente en tu navegador — tu esquema nunca se carga en ningún lugar. Copia la sintaxis generada, descárgala como archivo .txt o envía la salida de vuelta a la entrada para seguir refinando la estructura antes de pegarla en la herramienta de diagramas de tu elección.

Preguntas frecuentes

¿Cuál es la diferencia entre «flowchart» y «gráfico de jerarquía»?
Utilizan la misma sintaxis de nodos y flechas; el gráfico de jerarquía solo abre la definición con la palabra clave más antigua de Mermaid «graph» en lugar de «flowchart». Ambos se renderizan de forma idéntica en cualquier visor compatible con Mermaid.
¿Admite la opción mindmap dirección o estilo de conector?
No. Los mindmaps de Mermaid se distribuyen automáticamente y no tienen flechas, por lo que esas dos opciones solo afectan la salida de flowchart y gráficos de jerarquía.
¿Qué sucede con los elementos de la lista anidados más profundamente que la profundidad máxima?
Se excluyen completamente del diagrama, junto con cualquier cosa anidada bajo ellos, para que el resultado siga siendo legible para esquemas muy profundos.
¿Cómo se manejan caracteres especiales como comillas y corchetes?
Cualquier etiqueta que contenga caracteres que romperían la sintaxis de Mermaid se envuelve automáticamente entre comillas y se escapa, para que la salida siempre sea válida.
¿Se carga mi lista en algún lugar?
No. La conversión de lista a diagrama se ejecuta completamente en tu navegador — tu esquema nunca sale de tu dispositivo.