Cuando tu diagrama esté listo, haz clic en Exportar en la barra de navegación para abrir el diálogo de exportación. Todo se genera localmente en tu navegador: sin subidas, sin marcas de agua, sin cuenta.
Formatos de imagen
| Formato | Ideal para |
|---|---|
| SVG | Documentación, wikis y páginas web: salida vectorial infinitamente escalable |
| PNG | Diapositivas, tickets y chat: un mapa de bits universalmente compatible |
| JPG | Archivos más pequeños cuando no se necesita transparencia |
| WebP | Formato de imagen moderno con gran compresión |
Las exportaciones de mapa de bits (PNG / JPG / WebP) pueden renderizarse a resolución 1x, 2x o 4x para obtener resultados nítidos en pantallas de alta densidad. Hay un interruptor de Fondo transparente disponible para PNG y WebP.
La imagen exportada siempre coincide con la vista previa: lo que ves es lo que descargas.
Exportación ASCII
En modo ASCII, el diálogo de exportación ofrece TXT (texto plano): el diagrama de texto renderizado, listo para pegar en comentarios de código, documentación o terminales.
Exportar la configuración del tema
El diálogo de exportación también incluye una sección Configuración del tema para reutilizar fuera de mermaid.design:
- Copiar JSON: copia las variables de tema actuales como un objeto JSON
- Descargar JSON: guarda un archivo
mermaid-theme.json - Copiar frontmatter: copia el tema como frontmatter de Mermaid que puedes pegar al inicio de cualquier archivo
.mmdo bloque de código Markdown:
---
config:
theme: base
themeVariables:
primaryColor: '#...'
---Cualquier renderizador de Mermaid compatible con themeVariables (la CLI de Mermaid, GitHub, pipelines de documentación) puede aplicar el tema exportado.
Compartir tu trabajo
Los diagramas se almacenan solo en el almacenamiento local de tu navegador: no existe un enlace para compartir del lado del servidor. Para compartir un diagrama:
- Expórtalo como imagen (o TXT para ASCII), o
- Copia el código Mermaid y envíalo directamente: el destinatario puede pegarlo en mermaid.design y continuar exactamente donde lo dejaste.
Tu código, tema y diseño se conservan automáticamente entre sesiones en el mismo dispositivo y navegador.