Mermaid Design

Representación ASCII

El modo ASCII convierte tu diagrama Mermaid en arte de texto: perfecto para comentarios de código, archivos README, descripciones de pull request, salida de terminal, o cualquier lugar donde una imagen no cabe.

Cambiar al modo ASCII

Haz clic en ASCII en el selector de modo de la barra de navegación (o abre /ascii directamente). El mismo código Mermaid del editor se renderiza como caracteres en lugar de un SVG:

┌───────┐      ┌────────┐
│ Start │─────▶│ Ship it│
└───────┘      └────────┘

El renderizado ASCII funciona con beautiful-mermaid, un port a TypeScript de mermaid-ascii. El renderizador se carga bajo demanda, por lo que solo se descarga la primera vez que abres el modo ASCII.

Configuración

Con el modo ASCII activo, el panel derecho muestra la configuración ASCII:

  • Juego de caracteres: Unicode ─│┌ usa caracteres de dibujo de cuadros para líneas y esquinas suaves; ASCII - | + restringe la salida a caracteres ASCII simples para máxima compatibilidad (terminales antiguas, herramientas de revisión de código, correo en texto plano).
  • Tamaño de fuente: escala el texto renderizado, útil para encajar un diagrama grande en un bloque de comentario estrecho.

Tipos de diagramas compatibles

Los diagramas de flujo y de secuencia se renderizan mejor. Algunos tipos de diagramas Mermaid aún no son compatibles con el renderizador ASCII; en esos casos, la vista previa muestra un mensaje alternativo localizado en lugar de un renderizado roto.

Los enlaces muy largos (---->) se normalizan automáticamente antes del renderizado, de modo que los diagramas con aristas alargadas siguen produciendo una salida razonable.

Exportación

En modo ASCII, el diálogo de exportación ofrece TXT (texto plano): el diagrama de texto renderizado, listo para pegar en cualquier parte. Consulta Exportar y compartir.

Explorar plantillas ASCII

Abre /ascii/templates para explorar la galería de plantillas renderizada como arte ASCII. Las plantillas no compatibles se filtran automáticamente, y los filtros por tipo te ayudan a encontrar un punto de partida. Consulta Plantillas.