Nomeie linhas de vida com clareza
Use aliases curtos para o código e rótulos legíveis para serviços e pessoas.
Modelar chamadas de API, autenticação e comunicação entre serviços visualmente enquanto gera código Mermaid limpo.
Interações de sistemas editáveis
Alterne entre o editor e o resultado ao vivo.
Visualização Mermaid em tempo real
Preparando gráfico…
Visualização rolável. Use as setas para mover, Shift+seta para mover mais rápido e Home para voltar ao início.
Gerando sua primeira visualização…
A visualização é atualizada conforme você edita.
Preparando editor…
Documente a comunicação entre sistemas
Um diagrama de sequência evidencia a ordem das mensagens, responsabilidades e caminhos alternativos.
Use aliases curtos para o código e rótulos legíveis para serviços e pessoas.
Use blocos loop, alt, opt e par quando a lógica condicional for relevante para o leitor.
O código gerado se mantém compacto para ser auditado em revisões de código.
Padrão de sintaxe
Declare cada participante uma vez, use setas para mensagens e envolva condições em blocos. Abrir referência de sintaxe de sequência
sequenceDiagram
actor User
participant API
User->>API: Submit request
alt Valid input
API-->>User: 200 OK
else Invalid input
API-->>User: 400 Bad Request
end Este gerador de diagramas de sequência gratuito converte interações estruturadas em diagramas Mermaid claros e interativos.
Um diagrama de sequência mostra como processos ou atores interagem ao longo do tempo em ordem sequencial.
Sim. Setas sólidas (->>) para chamadas síncronas e setas pontilhadas (-->>) para respostas.
Sim. O editor suporta blocos loop, alt, opt e par.