Mermaid Design

Registro de alterações

Acompanhe as últimas atualizações e melhorias do mermaid.design.

v0.2.0

Novidades

  • Painel de configuração de renderização: uma nova aba Config no painel de tema expõe mais de 400 opções de renderização do Mermaid em 33 grupos por tipo de diagrama — layout, espaçamento, dimensões, fontes e interruptores de comportamento — com busca, pré-visualização ao vivo, redefinição por campo e persistência local. O grupo do tipo de diagrama atual abre automaticamente
  • Exportação com configuração: Copy JSON, Copy frontmatter e o download do tema no diálogo de exportação agora incluem seus ajustes de renderização, prontos para colar em mermaid.initialize() ou no frontmatter do Mermaid

Melhorias

  • Controles de formulário em shadcn/ui: todos os botões, campos, seletores, interruptores e sliders foram reconstruídos sobre primitivas Radix — mesma aparência compacta, com navegação por teclado e acessibilidade completas

v0.1.0

Novidades

  • Editor Mermaid online: bancada de trabalho com três painéis, editor de código Monaco (destaque de sintaxe Mermaid, marcadores de erro inline), pré-visualização ao vivo com deslocamento e zoom, e um painel de temas
  • Renderização SVG oficial: saída SVG padrão do Mermaid com debounce de 400 ms, recuperação do último render bem-sucedido em caso de erros de sintaxe e opções de fundo da tela (pontos / branco / xadrez)
  • Renderização ASCII: converta diagramas em arte de texto com conjuntos de caracteres Unicode ou ASCII puro e tamanho de fonte ajustável, com tecnologia beautiful-mermaid
  • Sistema de temas: mais de 70 variáveis de tema editáveis, 11 temas integrados do Mermaid além de predefinições de designer, e geração de temas a partir de uma cor-base (claro e escuro)
  • Galeria de modelos: modelos integrados para fluxogramas, diagramas de sequência, diagramas de classes, diagramas ER, gráficos de Gantt, mapas mentais e muito mais — com filtros por tipo e filtragem por suporte de cada modo
  • Exportação: baixe diagramas como SVG, PNG, JPG ou WebP em resolução 1x/2x/4x com fundo transparente opcional; exportação TXT no modo ASCII; exportação da configuração do tema como JSON ou frontmatter do Mermaid
  • Importar tema: cole o JSON do tema ou frontmatter para importar temas personalizados
  • Salvamento automático: código, tema e layout persistem no armazenamento local entre as sessões
  • Internacionalização: interface completa em 9 idiomas — English, 中文, Русский, 日本語, Français, 한국어, Español, Deutsch, Português
  • Apenas no lado do cliente: tudo é executado no seu navegador — sem uploads, sem contas, sem rastreamento dos dados dos seus diagramas