Mermaid Design

Registro de cambios

Sigue las últimas actualizaciones y mejoras de mermaid.design.

v0.2.0

Novedades

  • Panel de configuración de renderizado: una nueva pestaña Config en el panel de tema expone más de 400 opciones de renderizado de Mermaid en 33 grupos por tipo de diagrama — diseño, espaciado, tamaños, fuentes e interruptores de comportamiento — con búsqueda, vista previa en vivo, restablecimiento por campo y persistencia local. El grupo del tipo de diagrama actual se abre automáticamente
  • Exportación con configuración: Copy JSON, Copy frontmatter y la descarga del tema en el diálogo de exportación ahora incluyen tus ajustes de renderizado, listos para pegar en mermaid.initialize() o en un frontmatter de Mermaid

Mejoras

  • Controles de formulario con shadcn/ui: todos los botones, campos, selectores, interruptores y deslizadores se reconstruyeron sobre primitivas Radix — mismo aspecto compacto, con navegación por teclado y accesibilidad completas

v0.1.0

Novedades

  • Editor Mermaid en línea: banco de trabajo de tres paneles con editor de código Monaco (resaltado de sintaxis Mermaid, marcadores de error en línea), vista previa en vivo con desplazamiento y zoom, y un panel de temas
  • Renderizado SVG oficial: salida SVG estándar de Mermaid con debounce de 400 ms, recuperación del último renderizado correcto ante errores de sintaxis y opciones de fondo del lienzo (puntos / blanco / cuadrícula)
  • Renderizado ASCII: convierte diagramas en arte de texto con juegos de caracteres Unicode o ASCII puro y tamaño de fuente ajustable, impulsado por beautiful-mermaid
  • Sistema de temas: más de 70 variables de tema editables, 11 temas integrados de Mermaid más preajustes de diseñador, y generación de temas a partir de un color semilla (claro y oscuro)
  • Galería de plantillas: plantillas integradas para diagramas de flujo, de secuencia, de clases, ER, diagramas de Gantt, mapas mentales y más — con filtros por tipo y filtrado por compatibilidad según el modo
  • Exportación: descarga diagramas como SVG, PNG, JPG o WebP a resolución 1x/2x/4x con fondo transparente opcional; exportación TXT en modo ASCII; exportación de la configuración del tema como JSON o frontmatter de Mermaid
  • Importar tema: pega un JSON de tema o frontmatter para importar temas personalizados
  • Guardado automático: el código, el tema y el diseño se conservan en el almacenamiento local entre sesiones
  • Internacionalización: interfaz completa en 9 idiomas — English, 中文, Русский, 日本語, Français, 한국어, Español, Deutsch, Português
  • Solo del lado del cliente: todo se ejecuta en tu navegador — sin cargas, sin cuentas, sin seguimiento de los datos de tus diagramas