💬 Mermaid

Diagrama de sequência

Mostre como sistemas e pessoas dialogam

Abrir este exemplo no editor Gerar um com IA

O que é um Diagrama de sequência?

Um diagrama de sequência mostra as mensagens trocadas entre participantes ao longo do tempo: chamadas à API, fluxos de autenticação, comunicação entre microsserviços. É o padrão para documentar interações em arquitetura de software.

Exemplo em tempo real

Código Mermaid

sequenceDiagram
    autonumber
    participant U as User
    participant A as API
    participant D as Database
    U->>A: POST /login
    A->>D: SELECT user
    D-->>A: user row
    A-->>U: 200 + JWT token
    U->>A: GET /profile (Bearer)
    A-->>U: 200 profile

Exemplo em tempo real

Quando usar

Documentar fluxos de API, autenticação e protocolos de pagamento

Desenhar as interações entre microsserviços antes da implementação

Depurar incidentes de produção mapeando a cadeia real de chamadas

Sintaxe básica

.mmd

sequenceDiagram
    participant A as Alice
    participant B as Bob
    A->>B: Sync request
    B-->>A: Async response

Perguntas sobre este diagrama

O que significam os tipos de seta num diagrama de sequência Mermaid?

As setas contínuas (->>) são chamadas síncronas; as setas tracejadas (-->>) são respostas ou mensagens assíncronas. As ativações mostram quando um participante está ocupado a processar.

Posso representar ciclos e condições?

Sim — o Mermaid suporta os blocos loop, alt (if/else), opt (opcional) e par (paralelo) para exprimir a lógica de protocolos reais.

Explorar outros tipos de diagramas

🔀 Fluxograma 🧩 Diagrama de classes 🗄️ Diagrama entidade-relação 🔄 Diagrama de estados 📅 Gráfico de Gantt 🥧 Gráfico circular 🧠 Mapa mental 🌿 Grafo Git 🕰️ Linha do tempo 🚶 Jornada do utilizador 🎯 Gráfico de quadrantes

Crie já o seu Diagrama de sequência

Descreva-o em linguagem natural — a IA escreve o código Mermaid por si.

Abrir o Mermaid Studio