Pular para o conteúdo principal
Atores + Mensagens + Linhas de vida 100% no cliente • Privado

Crie diagramas de sequência que você pode versionar como texto

Modelar chamadas de API, autenticação e comunicação entre serviços visualmente enquanto gera código Mermaid limpo.

Escolha um modelo de diagrama de sequência.

Participantes e atores

0 participantes

Mensagens de sequência

0 linhas

Visualização de sequência

Preparando gráfico…

Privado · renderização local

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…

Visualização expandida

Visualização de sequência

Converta interações em texto Mermaid auditável.

Um diagrama de sequência evidencia a ordem das mensagens, responsabilidades e caminhos alternativos.

01

Nomeie linhas de vida com clareza

Use aliases curtos para o código e rótulos legíveis para serviços e pessoas.

02

Mostre ramificações importantes

Use blocos loop, alt, opt e par quando a lógica condicional for relevante para o leitor.

03

Fácil de revisar em PRs

O código gerado se mantém compacto para ser auditado em revisões de código.

Padrão de sintaxe

Sintaxe de diagramas de sequência Mermaid

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

Gerador gratuito de diagramas de sequência Mermaid

Este gerador de diagramas de sequência gratuito converte interações estruturadas em diagramas Mermaid claros e interativos.

Perguntas frequentes

O que é um diagrama de sequência?

Um diagrama de sequência mostra como processos ou atores interagem ao longo do tempo em ordem sequencial.

Posso usar mensagens síncronas e assíncronas?

Sim. Setas sólidas (->>) para chamadas síncronas e setas pontilhadas (-->>) para respostas.

Loops e condições são suportados?

Sim. O editor suporta blocos loop, alt, opt e par.