Editor de Diagramas ASCII para Dibujos en Texto
El editor de diagramas ASCII te permite dibujar cajas, líneas, flechas y etiquetas directamente sobre una cuadrícula de caracteres, y luego copiar el resultado como texto plano. Alterna entre los caracteres ASCII clásicos y los caracteres Unicode para bordes más limpios: todo se dibuja en tu navegador.
Los diagramas en texto son ideales para archivos README, comentarios de código, documentación técnica y chats, porque se ven bien en cualquier lugar donde funcione una fuente monoespaciada: sin imágenes que alojar ni visores especiales. Está pensado para desarrolladores, redactores técnicos y cualquiera que documente un flujo, una arquitectura o una distribución en texto plano.
Cómo Dibujar un Diagrama ASCII
Elige una herramienta de dibujo
Elige una herramienta de la barra o presiona su atajo: B Caja, L Línea, A Flecha, T Texto, E Borrador o V Seleccionar.
Elige un conjunto de caracteres
Alterna entre los caracteres Unicode (┌ ─ │ →) para esquinas nítidas o ASCII (+ - | >) para máxima compatibilidad. Las nuevas formas usan el conjunto que esté activo.
Dibuja en la cuadrícula
Haz clic y arrastra para dibujar cajas, líneas y flechas con vista previa en vivo. Con la herramienta Texto, haz clic en una celda y empieza a escribir. Usa Seleccionar para arrastrar, copiar o eliminar una región.
Copia o exporta
Haz clic en Copiar para llevar el diagrama al portapapeles, o en Exportar para descargarlo como archivo .txt. Los espacios sobrantes se recortan automáticamente para un resultado limpio.
Funciones
Seis herramientas de dibujo
Caja, Línea, Flecha, Texto, Borrador y Seleccionar cubren toda necesidad común de diagramación, cada una con vista previa en vivo mientras arrastras.
Cajas, líneas y flechas
Arrastra rectángulos con esquinas correctas, dibuja líneas horizontales o verticales y agrega flechas con puntas direccionales.
Escribe texto donde quieras
Haz clic en cualquier celda con la herramienta Texto y escribe etiquetas directamente en el lienzo, moviendo el cursor con las flechas.
Conjuntos ASCII y Unicode
Alterna entre ASCII clásico (+ - |) para compatibilidad universal y caracteres Unicode (┌ ─ │ →) para una apariencia más limpia.
Selecciona, mueve y copia
Arrastra una selección alrededor de una parte de tu diagrama y luego muévela, copia solo esa región o elimínala en su lugar.
Deshacer y rehacer
Avanza y retrocede entre tus ediciones con hasta 50 estados de historial usando Ctrl+Z y Ctrl+Y.
Lienzo ajustable
Ensancha o estrecha el lienzo de 20 a 200 columnas, con una cuadrícula de fondo que se alinea con precisión a cada celda de carácter.
Atajos de teclado
Cambia de herramienta con una sola tecla (V, B, L, A, T, E) y ejecuta deshacer, rehacer y copiar con los atajos Ctrl habituales.
Copiar y exportar
Copia todo el diagrama al portapapeles o descárgalo como un archivo .txt plano, con los espacios sobrantes recortados para un resultado prolijo.
Ratón y táctil
Dibuja con ratón o panel táctil en el escritorio, o usa la entrada táctil en tabletas y teléfonos para editar sobre la marcha.
Preguntas Frecuentes
¿Qué es un diagrama ASCII?
Un diagrama ASCII es un dibujo hecho por completo de caracteres de texto: cajas, líneas y flechas construidas con símbolos como +, -, | y >. Como es texto plano, se muestra en cualquier editor, terminal o visor de código sin necesidad de soporte para imágenes.
¿Cómo hago un diagrama ASCII en línea?
Elige una herramienta de la barra, luego haz clic y arrastra sobre la cuadrícula para dibujar cajas, líneas y flechas, o usa la herramienta Texto para escribir etiquetas. Cuando termines, haz clic en Copiar o Exportar para llevarte el diagrama: no hay nada que instalar.
¿Cuál es la diferencia entre el modo ASCII y Unicode?
El modo ASCII usa caracteres básicos como +, - y | que funcionan en cualquier entorno de texto. El modo Unicode usa caracteres dedicados como ┌, ─ y │ que lucen más limpios, pero requieren soporte Unicode en el visor.
¿Puedo cambiar el conjunto de caracteres después de dibujar?
Sí. El cambio solo afecta a las nuevas formas que dibujes: los caracteres que ya están en el lienzo no cambian. Eso significa que puedes mezclar ambos estilos en un mismo diagrama si lo necesitas.
¿Cómo agrego diagramas ASCII a comentarios de código o a un README?
Dibuja tu diagrama, haz clic en Copiar y luego pégalo en tu bloque de comentarios o archivo Markdown. Para README y Markdown, envuelve el diagrama en un bloque de código (tres acentos graves) para que la fuente monoespaciada mantenga cada carácter alineado.
¿Cómo muevo o copio parte de un diagrama?
Cambia a la herramienta Seleccionar (presiona V), arrastra una caja alrededor del área que quieras y luego arrástrala a una nueva posición. Presiona Ctrl+C para copiar solo esa región, o Delete para borrarla.
¿Puedo deshacer mis cambios?
Sí. El editor guarda hasta 50 estados de historial, así que presiona Ctrl+Z para deshacer y Ctrl+Y para rehacer entre tus ediciones recientes.
¿Cómo exporto mi diagrama como texto?
Haz clic en Copiar para llevar todo el diagrama al portapapeles, o en Exportar para descargarlo como archivo .txt. Ambas opciones recortan los espacios sobrantes para que el resultado quede limpio al pegarlo en otro lugar.
¿El editor funciona en dispositivos móviles?
Sí, es compatible con la entrada táctil para que dibujes en una tableta o teléfono. Para una colocación precisa de los caracteres, un navegador de escritorio con ratón o panel táctil sigue ofreciendo la mejor experiencia.
Aún no hay comentarios. ¡Sé el primero en comentar!