Creador de mapas mentales con Mermaid

Escribe mapas mentales en código Mermaid y míralos dibujarse mientras tecleas. Empieza con el ejemplo de abajo y luego exporta PNG o SVG, comparte un enlace o incrusta el diagrama.

Updated · Code editor with live preview

Ejemplo de mapa mental

Rendering preview…

mindmap
  root((Lanzamiento de producto))
    Marketing
      Artículo del blog
      Boletín
    Ingeniería
      Congelación de código
      Notas de la versión
    Soporte
      Actualizar preguntas frecuentes

¿Qué es un mapa mental?

Un mapa mental organiza las ideas alrededor de un tema central como un árbol de ramas y subramas. Es útil para lluvias de ideas, esquemas y apuntes. En Mermaid, un mapa mental empieza con la palabra clave mindmap, y la sangría decide qué idea va debajo de cuál.

Cuándo usar un mapa mental

  • Lluvia de ideas de funciones o de contenidos
  • Esquematizar un documento, una charla o un curso
  • Dividir un proyecto en líneas de trabajo
  • Apuntes de estudio y resúmenes

Cómo crear un mapa mental en Mermaid

  1. Paso 1

    Abre el editor

    Abre TryMermaid con el ejemplo de esta página, o empieza un diagrama nuevo con mindmap en la primera línea.

  2. Paso 2

    Fija el tema central

    En la línea siguiente, aplica una sangría y escribe la raíz, por ejemplo root((Lanzamiento de producto)). Los paréntesis dobles la dibujan como un círculo.

  3. Paso 3

    Añade ramas

    Aumenta la sangría en cada nivel. Toda línea con sangría bajo otra pasa a ser su hija, así que la estructura es simplemente un esquema con sangría.

  4. Paso 4

    Da estilo y exporta

    Da forma a los nodos importantes, como [cuadrado] o (redondeado), y luego exporta PNG o SVG o comparte un enlace.

Sintaxis de mapa mental: chuleta

ElementoSintaxisQué hace
JerarquíaSangríaMás sangría crea una hija
Cuadradoid[Texto]Nodo cuadrado
Redondeadoid(Texto)Nodo cuadrado redondeado
Círculoid((Texto))Nodo circular
Explosiónid))Texto((Forma de explosión
Nubeid)Texto(Forma de nube
Hexágonoid{{Texto}}Nodo hexagonal
Icono::icon(fa fa-book)Icono en el nodo de arriba

Preguntas frecuentes sobre mapa mental

¿Cómo decide Mermaid la estructura de un mapa mental?

Por la sangría. Cada línea con más sangría que la anterior pasa a ser su hija, y las líneas con la misma sangría son hermanas. Mantén la sangría coherente para que el árbol salga como esperas.

¿Puedo convertir un mapa mental en el esquema de un documento?

Sí. Como un mapa mental de Mermaid es una lista con sangría, puedes redactar un esquema como mapa mental y pegar el texto en un documento como viñetas anidadas, o al revés.