Saltar al contenido principal
Actores + Mensajes + Líneas de vida 100% en el cliente • Privado

Crea diagramas de secuencia que puedes versionar como texto

Modela llamadas API, interacciones de servicios y flujos de autenticación visualmente mientras generas código Mermaid limpio.

Elige una plantilla de diagrama de secuencia.

Participantes y actores

0 participantes

Mensajes de secuencia

0 filas

Vista previa de secuencia

Preparando diagrama…

Privado · render local

Vista previa con desplazamiento. Usa las teclas de flecha para desplazarte, Shift con flecha para avanzar más rápido y Home para volver al inicio.

Generando tu primera vista previa…

La vista previa se actualiza al editar.

Preparando editor…

Vista previa ampliada

Vista previa de secuencia

Convierte interacciones en texto Mermaid auditable.

Un diagrama de secuencia hace visible el orden de los mensajes, responsabilidades y caminos alternativos.

01

Nombra las líneas de vida con claridad

Usa alias estables para el código y etiquetas legibles para las personas y servicios.

02

Muestra bifurcaciones significativas

Usa bloques loop, alt, opt y par cuando el flujo de control sea relevante para el lector.

03

Mantén el comportamiento auditable

El código generado se mantiene compacto para ser revisado junto a la implementación.

Patrón de sintaxis

Sintaxis de diagramas de secuencia Mermaid

Declara cada participante una vez, usa flechas para los mensajes y agrupa comportamientos condicionales en bloques. Abrir la referencia de sintaxis de diagramas de secuencia

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

Generador gratuito de diagramas de secuencia Mermaid

Este generador de diagramas de secuencia gratuito convierte interacciones ordenadas en diagramas Mermaid en tiempo real.

Preguntas frecuentes

¿Qué es un diagrama de secuencia?

Un diagrama de secuencia ilustra cómo interactúan procesos, servicios o actores a lo largo del tiempo en un orden secuencial.

¿Puedo añadir mensajes síncronos y asíncronos?

Sí. Usa flechas continuas con punta rellena (->>) para llamadas síncronas y flechas punteadas (-->>) para respuestas.

¿Se admiten bucles y condiciones?

Sí. El constructor visual admite bloques loop, alt, opt y par.