Mermaid Design

Exportar e compartilhar

Quando o seu diagrama estiver pronto, clique em Exportar na barra de navegação para abrir a caixa de diálogo de exportação. Tudo é gerado localmente no seu navegador — sem envios, sem marca d’água, sem conta.

Formatos de imagem

FormatoMelhor para
SVGDocumentação, wikis e páginas web — saída vetorial infinitamente escalável
PNGDiapositivos, tickets e conversas — um bitmap universalmente suportado
JPGFicheiros mais pequenos quando a transparência não é necessária
WebPFormato de imagem moderno com excelente compressão

As exportações em bitmap (PNG / JPG / WebP) podem ser renderizadas em resolução 1x, 2x ou 4x para resultados nítidos em ecrãs de alta densidade. Está disponível uma opção de Fundo transparente para PNG e WebP.

A imagem exportada corresponde sempre à pré-visualização — o que vê é o que descarrega.

Exportação ASCII

No modo ASCII, a caixa de diálogo de exportação oferece TXT (texto simples): o diagrama de texto renderizado, pronto para colar em comentários de código, documentação ou terminais.

Exportar a configuração do tema

A caixa de diálogo de exportação inclui também uma secção Configuração do tema para reutilização fora do mermaid.design:

  • Copiar JSON — copia as variáveis de tema atuais como um objeto JSON
  • Baixar JSON — guarda um ficheiro mermaid-theme.json
  • Copiar frontmatter — copia o tema como frontmatter Mermaid que pode colar no topo de qualquer ficheiro .mmd ou bloco de código Markdown:
---
config:
  theme: base
  themeVariables:
    primaryColor: '#...'
---

Qualquer renderizador Mermaid que suporte themeVariables (a CLI do Mermaid, o GitHub, pipelines de documentação) pode aplicar o tema exportado.

Partilhar o seu trabalho

Os diagramas são guardados apenas no armazenamento local do seu navegador — não existe uma ligação de partilha do lado do servidor. Para partilhar um diagrama:

  1. Exporte-o como imagem (ou TXT para ASCII), ou
  2. Copie o código Mermaid e envie-o diretamente — o destinatário pode colá-lo no mermaid.design e continuar exatamente onde parou.

O seu código, tema e layout persistem automaticamente entre sessões no mesmo dispositivo e navegador.