Introdução
Mermaid Chart é uma plataforma de diagramação baseada em navegador da Mermaid Chart Inc., a empresa por trás da biblioteca open-source Mermaid.js. Ela resolve um problema comum: engenheiros e analistas entendem sistemas a fundo, mas desperdiçam tempo arrastando formas em ferramentas de diagramação convencionais. O Mermaid Chart permite que os usuários criem diagramas escrevendo sintaxe em texto puro, solicitando a um assistente de IA ou enviando um documento, e a ferramenta cuida do layout automaticamente.
O produto é construído sobre o Mermaid.js, a biblioteca de renderização JavaScript licenciada sob MIT criada por Knut Sveidqvist, que posteriormente fundou a empresa. A plataforma comercial adiciona um editor visual, coedição em tempo real, geração por IA, workspaces para equipes e controles corporativos sobre a biblioteca gratuita. Os usuários podem começar a partir de uma tela em branco, um prompt, uma transcrição colada ou código existente, e os diagramas resultantes podem ser incorporados em documentação, wikis e IDEs. A empresa afirma que a plataforma é usada por mais de 5 milhões de pessoas em mais de 200.000 empresas.
Principais Recursos
- Diagramas como código: Os usuários escrevem definições de diagramas na sintaxe estilo Markdown do Mermaid, e a ferramenta renderiza e organiza o diagrama automaticamente, o que facilita versionar diagramas no Git e revisá-los como texto.
- Mermaid AI: Diagramas podem ser gerados a partir de prompts em linguagem natural, documentos enviados como PRDs ou transcrições de reuniões, com contexto conversacional mantido para que o diagrama evolua por meio de solicitações subsequentes.
- Editor visual: O canvas suporta edição por clique e arrastar, alinhamento de nós e reconexão de arestas sem reescrever código, mantendo o painel de código e o desenho em sincronia.
- Colaboração em tempo real: Várias pessoas podem coeditar ao vivo, e os diagramas podem ser compartilhados por meio de um único link que os visualizadores podem abrir sem fazer login.
- Integrações: Plugins e aplicativos cobrem VS Code, IDEs JetBrains, GitHub Copilot, Confluence, Jira, Google Docs, Microsoft Word e PowerPoint, e um servidor MCP conecta a ferramenta ao Claude, Cursor e outros assistentes de IA.
- Vários tipos de diagramas: Os formatos suportados incluem fluxogramas, diagramas de sequência, diagramas ER, gráficos de Gantt, linhas do tempo, mapas mentais, organogramas, diagramas de estado, gráficos Git, diagramas de classes e gráficos de pizza.
- Segurança e controles corporativos: A plataforma lista controles de acesso, criptografia, conformidade SOC 2, SSO, contratação personalizada, gerenciamento de PI e um gerente de sucesso do cliente dedicado nos planos superiores.
Destaques
- Preços: Um plano Basic gratuito, Plus a $10 por usuário por mês, Premium a $20 por usuário por mês (ambos cobrados anualmente) e Enterprise com preço personalizado; o plano gratuito inclui até 6 diagramas com tamanho limitado e 15 créditos de IA.
- Créditos de IA: Os planos pagos incluem créditos anuais de IA — 300 no Plus e 2.000 no Premium — com uso ilimitado de IA listado para o Enterprise (sujeito aos termos do fornecedor).
- Live Editor gratuito: Um editor gratuito separado no navegador, em mermaid.live, permite que qualquer pessoa escreva e visualize sintaxe Mermaid sem uma conta, e nenhum plano pago é necessário para usar a sintaxe open-source em si.
- Apresentações: Diagramas podem ser transformados em apresentações de slides dentro do produto e compartilhados via links públicos, sem precisar exportar para uma ferramenta de apresentação separada.
Para Quem É
O Mermaid Chart é voltado para pessoas que pensam em sistemas: desenvolvedores mapeando funcionalidades e fluxos de trabalho, arquitetos de sistemas projetando estruturas com diagramas C4 e ER, engenheiros DevOps diagramando pipelines de CI/CD e engenheiros de QA visualizando fluxos de teste. Também atende gerentes de projeto criando gráficos de Gantt e linhas do tempo, analistas de dados e negócios documentando processos, redatores técnicos mantendo documentação, consultores alinhando stakeholders e educadores preparando aulas. A abordagem baseada em texto é especialmente adequada para equipes que já mantêm diagramas no controle de versão junto com o código.
