piapia123
es

Mapa mental en línea

Generadores

Todo se ejecuta en tu navegador: no se sube nada

Vista previaCambia cualquier opción de arriba y esto se redibuja al instante
Código SVG

Escribe un esquema con sangrías a la izquierda y a la derecha se dibuja como mapa mental al momento. Cambia una línea y el mapa la sigue. Esta herramienta se guía por el esquema; no es un editor de arrastrar y soltar. Mover nodos, seleccionar con rectángulo y una pila de deshacer son otra escala de trabajo, y lo que hace falta casi siempre es convertir un guion que ya tienes en una imagen que puedas enviar. Así que se escribe con el teclado y el mapa se lee con los ojos. Cómo se escribe el esquema: la sangría es el nivel, un tabulador o dos espacios cuentan como un nivel más (mezclarlos también vale). Los `-`, `*` y `+` del principio se quitan solos, así que una lista de Markdown se puede pegar directamente. La primera línea es siempre la raíz. El mapa se puede descargar como SVG (vectorial: no se pixela al ampliar y se puede abrir en Figma o Illustrator para retocarlo). Todo se ejecuta en tu navegador: no se sube nada, no hay registro ni cuenta, y al cerrar la página no queda nada.

Funciones

  • Escribe el esquema a la izquierda y el mapa sale a la derecha al momento
  • La sangría fija el nivel: espacios, tabuladores o mezclados
  • Los - / * / + del principio se quitan solos, así que las listas de Markdown se pegan tal cual
  • Dos disposiciones: a ambos lados (el aspecto clásico) o solo a la derecha (bueno para documentos)
  • Un color por rama, para ver de un vistazo qué va junto
  • Tamaño de letra ajustable (10–24)
  • Exporta a SVG: vectorial, nítido a cualquier tamaño, editable en Figma o Illustrator
  • Copia el código SVG con un clic
  • El texto de los nodos se escapa, así que los ángulos no rompen la imagen
  • Un esquema vacío da una sugerencia en lugar de un lienzo en blanco

Cómo se usa

  1. Escribe el esquema a la izquierda, una línea por nodo
  2. Sangra dos espacios (o un tabulador) para bajar un nivel
  3. Elige disposición y colores; el mapa se actualiza mientras escribes
  4. Ajusta el tamaño de letra si lo necesitas
  5. Cuando la vista previa te valga, descarga el SVG o copia el código

Preguntas frecuentes

¿Puedo arrastrar los nodos para moverlos?
No, y es a propósito. Editar arrastrando exige toda una capa de interacción sobre el lienzo (detección de impacto, selección por rectángulo, pila de deshacer, ajuste), cuando lo que hace falta casi siempre es convertir un esquema ya pensado en una imagen rápida. Para cambiar la estructura, edita el esquema: suele ser más rápido que arrastrar.
¿Se puede seguir editando la imagen exportada?
Sí. Es un SVG estándar (vectorial) y se abre en Figma, Illustrator o Inkscape, donde el texto sigue siendo texto y no contornos. También se puede soltar directamente en una página web o en un documento Markdown.
¿Mide bien el ancho de los nodos en chino?
Sí. El ancho de la caja se calcula por ancho de visualización, y un carácter chino ocupa dos celdas, así que un nodo en chino mide exactamente lo que parece: ni el texto se sale del borde ni la caja queda medio vacía.
¿Por qué la imagen exportada tiene fondo blanco?
Porque una imagen con fondo transparente resulta ilegible sobre un tema oscuro (un documento o un chat en modo oscuro). El blanco se lee tanto en claro como en oscuro. Si lo quieres transparente, borra el rectángulo de fondo en un editor.
¿Da problemas un esquema muy largo?
No, pero la imagen se hace grande (el lienzo se adapta al contenido). Con muchos niveles conviene la disposición «solo a la derecha»: la de ambos lados se repliega sobre sí misma y se lee peor.

Herramientas relacionadas