Exporta tus diagramas a SVG (y PDF mucho más ligeros)

Con la v0.5.8 de DiagramaHub descargas tus diagramas como SVG. Antes, la v0.5.7 bajó los PDF de 150–200 MB a ~1–5 MB y mejoró PNG y Markdown.

Un diagrama no sirve de mucho si se queda dentro de la herramienta. Lo quieres en el README, en la wiki del equipo o en el PDF que le mandas a alguien que no tiene cuenta. En las últimas semanas nos dedicamos a que exportar fuera rápido, ligero y limpio, y hoy, con la versión 0.5.8, llega un formato nuevo: SVG, vectorial y escalable.

SVG: vectores limpios para tu documentación

Desde la 0.5.8 puedes descargar tus diagramas de Mermaid, PlantUML, D2 y DBML como SVG. Al ser vectorial, se ve nítido a cualquier tamaño, pesa poco y se integra bien en:

Documentación y READMEs, donde un PNG se ve borroso al hacer zoom.
Herramientas vectoriales, si quieres seguir editando el diagrama a mano para una presentación o un póster.

Junto con el SVG rediseñamos el modal de exportación. Ahora los formatos aparecen como una cuadrícula de 2×2 tarjetas (PNG, SVG, PDF y Markdown), las opciones de contenido viven en una sección secundaria más compacta y la descarga del código fuente pasó a un botón discreto al pie. Menos ruido, misma potencia.

PDF de 150–200 MB a ~1–5 MB

Dos días antes, en la versión 0.5.7, atacamos un problema que seguro notaste si exportaste un diagrama grande a PDF: el archivo pesaba entre 150 y 200 MB. La causa era que capturábamos un bitmap sin comprimir. Lo cambiamos por una rasterización PNG de alta calidad a 2x, y ahora el mismo PDF ronda ~1–5 MB.

Esa versión también trajo:

Encabezado y pie en PDF y PNG: el título del diagrama siempre aparece; si lo eliges, también el proyecto, la carpeta y el autor. Al pie va la fecha de exportación.
Descripciones con formato en el PDF: el Markdown de la descripción se dibuja como HTML con encabezados, negritas, listas y tablas, en lugar de mostrar la sintaxis cruda.
Markdown más completo: la exportación a Markdown incluye la descripción del diagrama y los metadatos del proyecto cuando seleccionas esas opciones.
Indicador de carga por formato: cada botón muestra su propio spinner, en vez de que todos digan "Exportando" a la vez.
Carga bajo demanda de jsPDF: la librería de PDF solo se descarga cuando la necesitas, así que el editor abre más rápido.

Por dentro, sacamos la lógica de exportación del componente del editor a módulos dedicados (generador de PDF, exportador de Markdown, renderizador de descripciones y encabezado de metadatos). Eso es lo que nos permitió agregar el SVG sin complicar más el código.

Cómo queda el flujo

flowchart LR
    A[Tu diagrama] --> B[Modal de exportación]
    B --> C[PNG]
    B --> D[SVG]
    B --> E[PDF]
    B --> F[Markdown]
    D --> G[README o wiki]
    D --> H[Editor vectorial]
    E --> I[Compartir con quien no usa DiagramaHub]

Seguridad: lo que corregimos en estas versiones

Entre la 0.5.5 y la 0.5.8 también hubo trabajo de seguridad que vale la pena contar:

Cambio de contraseña (0.5.6, crítico): al cambiar o restablecer la contraseña, un error hacía que se guardara de nuevo el hash anterior, así que en la práctica la contraseña no cambiaba. Ya está corregido. Si cambiaste o restableciste tu contraseña antes de esta versión, te recomendamos hacerlo otra vez.
XSS basado en DOM (0.5.8): el SVG renderizado ahora se sanitiza con DOMPurify antes de mostrarse en la vista previa, el editor y los diagramas compartidos, y lo mismo pasa con las descripciones en Markdown que se dibujan para PDF y PNG.
Imágenes más seguras: el backend pasó a una imagen base Alpine con menos paquetes y menos superficie de CVEs (0.5.6), y la imagen del frontend incorpora los últimos parches de OpenSSL (0.5.8). Además, las descripciones de diagramas ahora tienen un límite de 50,000 caracteres (0.5.5).

Pruébalo

Abre cualquier diagrama en DiagramaHub Cloud, haz clic en exportar y elige SVG. Si usas la versión self-host, actualiza a la 0.5.8. Todos los cambios técnicos están en el changelog.