💬 Mermaid

Diagrama de secuencia

Muestra cómo dialogan sistemas y personas

Abrir este ejemplo en el editor Generar uno con IA

¿Qué es un Diagrama de secuencia?

Un diagrama de secuencia muestra los mensajes intercambiados entre participantes a lo largo del tiempo: llamadas a la API, flujos de autenticación, comunicación entre microservicios. Es el estándar para documentar interacciones en arquitectura de software.

Ejemplo en directo

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

Ejemplo en directo

Cuándo usarlo

Documentar flujos de API, autenticación y protocolos de pago

Diseñar las interacciones entre microservicios antes de la implementación

Depurar incidentes de producción mapeando la cadena real de llamadas

Sintaxis básica

.mmd

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

Preguntas sobre este diagrama

¿Qué significan los tipos de flecha en un diagrama de secuencia Mermaid?

Las flechas continuas (->>) son llamadas síncronas; las flechas discontinuas (-->>) son respuestas o mensajes asíncronos. Las activaciones muestran cuándo un participante está ocupado procesando.

¿Puedo representar bucles y condiciones?

Sí — Mermaid admite los bloques loop, alt (if/else), opt (opcional) y par (paralelo) para expresar la lógica de protocolos reales.

Explora otros tipos de diagramas

🔀 Diagrama de flujo 🧩 Diagrama de clases 🗄️ Diagrama entidad-relación 🔄 Diagrama de estados 📅 Diagrama de Gantt 🥧 Gráfico circular 🧠 Mapa mental 🌿 Grafo Git 🕰️ Línea de tiempo 🚶 Recorrido del usuario 🎯 Gráfico de cuadrantes

Crea tu Diagrama de secuencia ahora

Descríbelo en lenguaje natural — la IA escribe el código Mermaid por ti.

Abrir Mermaid Studio