Mapa mental
Organiza tus ideas en torno a un tema central
¿Qué es un Mapa mental?
Un mapa mental hace irradiar ramas de ideas desde un concepto central. Es la forma más rápida de estructurar lluvias de ideas, desglosar temas, planificar contenido o mapear competencias — y con Mermaid es puro texto.
Los mapas mentales son más una herramienta de pensamiento que de documentación: talleres, esquemas de contenido, delimitar una funcionalidad antes de que nadie se comprometa. En Mermaid la sangría hace además de índice del documento, así que el mapa y el futuro sumario son un mismo artefacto. La restricción que hay que aceptar es que se trata de un árbol: una raíz, un padre por nodo, ramas sin etiqueta. Todo lo que deba converger va en un diagrama de flujo.
Ejemplo en directo
mindmap
root((Product v2))
Features
AI generation
Live preview
Export
Quality
E2E tests
Monitoring
Growth
SEO pages
Public sharingCuándo usarlo
Errores frecuentes
Dos raíces en el nivel superior
Un mapa mental tiene exactamente una raíz. Un segundo nodo con la misma sangría falla con «There can be only one root». Si de verdad tienes dos centros, son dos mapas mentales — o un diagrama de flujo.
Paréntesis dentro del texto del nodo
Growth (EU) se renderiza como «EU», porque los paréntesis se leen como delimitador de forma redondeada y el texto anterior se descarta. Dale un identificador al nodo y entrecomilla la etiqueta: g1["Growth (EU)"].
Tabulaciones mezcladas con espacios
La jerarquía viene solo de la sangría, y un tabulador no equivale a espacios. Mezclarlos provoca el mismo error «There can be only one root», que señala la raíz y no la línea que rompiste.
Sintaxis básica
mindmap
root((Main idea))
Branch A
Leaf 1
Branch Bmindmap root((Product v2))Hay exactamente una raíz, y los dobles paréntesis la dibujan como un círculo. Todo lo que va debajo se posiciona solo por la sangría, sin flechas que declarar.
Features[Squared] Live preview(Rounded)Los delimitadores alrededor del texto eligen la forma del nodo: [] cuadrado, () redondeado, (()) círculo, ))(( explosión, {{}} hexágono. Úsalos con moderación, para marcar una categoría más que para decorar.
Growth ::icon(fa fa-rocket)Una línea ::icon() bajo un nodo añade un icono de una fuente de iconos que haya cargado la página anfitriona, normalmente Font Awesome. Sin esa fuente no se dibuja nada.
Retention:::urgentUn triple dos puntos asocia una clase CSS a un nodo, que es como se resalta una rama — riesgos, bloqueos, decisiones — sin tocar el resto del mapa.
Preguntas sobre este diagrama
¿Cómo funciona la sangría en los mapas mentales de Mermaid?
La jerarquía se define únicamente por la sangría: cada nivel más profundo se convierte en una rama hija. Formas como root((texto)) personalizan la apariencia de los nodos.
¿Mapa mental o diagrama de flujo para una lluvia de ideas?
Mapas mentales para divergir (recopilar y agrupar ideas), diagramas de flujo para converger (convertir las ideas en un proceso ordenado).
¿Cómo comparto un mapa mental con quien no usa Mermaid?
Exporta PNG o SVG, o publica el diagrama como página pública y comparte el enlace. GitHub también renderiza mapas mentales en Markdown, aunque una herramienta autoalojada con una versión antigua de Mermaid puede no conocer la sintaxis.
¿Puedo elegir a qué lado aparece una rama?
No. La colocación se calcula a partir del árbol y no hay ajuste de izquierda, derecha ni ángulo. Reordenar las ramas en el código cambia el resultado, pero no de forma previsible: acepta la disposición o pásate a un diagrama de flujo.
¿Cómo añado iconos a los nodos de un mapa mental?
Añade una línea ::icon(fa fa-book) sangrada justo debajo del nodo. La fuente de iconos debe cargarla la página que renderiza el diagrama; cuando falta, el nodo aparece simplemente sin icono y no se rompe nada más.
¿Puedo convertir un mapa mental en el índice de un documento?
Directamente: la sangría ya es el índice. Cada nivel del mapa se convierte en un nivel de título o en una lista anidada, y por eso los mapas mentales funcionan tan bien para planificar documentación antes de escribirla.
¿Mapa mental u otro tipo de diagrama?
¿Mapa mental o línea de tiempo?
Mira tu primer nivel. Si las ramas superiores son T1, T2, T3 — o 2024, 2025 —, estás dibujando una línea de tiempo con sangría de más, y el árbol no aporta nada. Quédate con el mapa mental cuando el nivel superior sean temas y el significado lo lleve el anidamiento.
¿Mapa mental o diagrama de clases?
Un mapa mental expresa una única relación: esto va debajo de aquello. No puede decir que un módulo depende de otro, que contiene tres o que implementa una interfaz. En cuanto las cajas necesiten campos, cardinalidades o un sentido de dependencia, usa un diagrama de clases.
Crea tu Mapa mental ahora
Descríbelo en lenguaje natural — la IA escribe el código Mermaid por ti.
Abrir Mermaid Studio