Volver a todos los diagramas

Diagramas de secuencia

Documenta interacciones entre diferentes actores o sistemas a lo largo del tiempo. Ideales para documentación de API y diseño de sistemas.

¿Qué es Diagramas de secuencia?

Los diagramas de secuencia son diagramas de interacción UML que muestran cómo los objetos o sistemas se comunican entre sí a lo largo del tiempo. Muestran el orden cronológico de intercambios de mensajes entre diferentes actores, haciéndolos invaluables para documentar flujos de API, interacciones de sistemas y procesos de múltiples pasos. Cada participante está representado por una línea de vida vertical, con flechas horizontales mostrando intercambios de mensajes.

Editar y previsualizar

Construye un Diagramas de secuencia con sintaxis Mermaid y observa los cambios instantáneamente.

Editor
100%

Casos de uso comunes

Documentación de API

Documenta endpoints de API y sus flujos de interacción. Visualiza ciclos de solicitud-respuesta, flujos de autenticación, manejo de errores e intercambios de datos entre cliente y servidor.

Arquitectura de microservicios

Mapea patrones de comunicación entre microservicios, colas de mensajes y bases de datos. Esencial para entender comportamiento de sistemas distribuidos y depurar problemas de integración.

Autenticación y autorización

Modela procesos de autenticación de múltiples pasos como OAuth, SAML o flujos de tokens JWT. Muestra la secuencia de redirecciones, intercambios de tokens y pasos de validación.

Integración de sistemas

Visualiza cómo interactúan diferentes sistemas en escenarios de integración complejos. Documenta callbacks de webhooks, arquitecturas orientadas a eventos e integraciones de servicios de terceros.

Características principales

Gestión de participantes

Define múltiples actores, sistemas o servicios con alias y cajas de activación para mostrar cuándo los componentes están procesando activamente.

Tipos de mensajes

Soporte para llamadas síncronas, mensajes asíncronos, valores de retorno y auto-llamadas con diferentes estilos de flechas para claridad.

Estructuras de control

Modela bucles, ramas condicionales (alt/else), bloques opcionales y procesamiento paralelo con sintaxis intuitiva.

Notas y anotaciones

Añade notas explicativas a cualquier punto de la secuencia para proporcionar contexto, aclarar lógica de negocio o documentar casos límite.

Mejores prácticas

Enfócate en un escenario

Cada diagrama de secuencia debe representar un solo caso de uso o flujo de interacción. Crea diagramas separados para diferentes escenarios en lugar de combinar todo.

Usa nombres significativos

Da a los participantes nombres claros y descriptivos. Usa nombres reales de servicios o títulos de roles en lugar de etiquetas genéricas como 'Sistema A' o 'Componente 1'.

Muestra rutas de error

No solo documentes el camino feliz. Incluye flujos alternativos para condiciones de error, timeouts y manejo de excepciones.

Mantén el tiempo de arriba hacia abajo

Sigue la convención de que el tiempo fluye de arriba hacia abajo. Las interacciones anteriores deben aparecer más arriba en el diagrama que las posteriores.

Explora otros tipos de diagramas

Diagramas de flujo

Visualiza procesos, flujos de trabajo y algoritmos con nodos y flechas direccionales. Perfectos para procesos empresariales y árboles de decisión.

Diagramas de clases

Modela sistemas orientados a objetos con clases, atributos y relaciones. Esenciales para planificación de arquitectura de software.

Diagramas de estado

Representa transiciones de estado en sistemas o aplicaciones. Excelentes para modelar estados de ciclo de vida y flujos de trabajo.

Diagramas de Gantt

Planifica y rastrea cronogramas de proyectos con tareas y dependencias. Perfectos para gestión de proyectos y programación.

Diagramas ER

Diseña esquemas de bases de datos con entidades y relaciones. Ideales para modelado y documentación de bases de datos.

Viaje del usuario

Mapea experiencias e interacciones del usuario a través de puntos de contacto. Excelentes para diseño UX y mapeo del recorrido del cliente.

Grafos Git

Visualiza estrategias de ramificación Git e historiales de commits. Útiles para explicar flujos de trabajo de control de versiones.

Mapas mentales

Organiza ideas, genera lluvias de ideas y crea estructuras visuales jerárquicas. Perfectos para planificación y mapeo de conocimiento.

Gráficos circulares

Muestra distribuciones de datos proporcionales con gráficos circulares. Ideales para mostrar porcentajes y desglose de cuotas de mercado.

Líneas de tiempo

Visualiza eventos cronológicos e hitos a lo largo de un eje temporal. Excelentes para historiales de proyectos y hojas de ruta.

Tableros Kanban

Organiza tareas en columnas que representan etapas del flujo de trabajo. Perfectos para gestión ágil de proyectos y seguimiento de tareas.

Gráficos de cuadrantes

Ubica elementos en una cuadrícula de dos ejes para comparar y priorizar. Ideales para priorización de funciones y análisis estratégico.

Diagramas Sankey

Visualiza cantidades de flujo entre nodos con flechas proporcionales. Perfectos para flujos de energía, asignación de presupuesto y embudos de conversión.

Gráficos XY

Crea gráficos de barras y líneas con ejes personalizables. Ideales para visualización de datos y análisis de tendencias.

Diagramas de bloques

Construye diseños estructurados con bloques organizados en columnas y filas. Excelentes para arquitectura de sistemas y resúmenes de componentes.

Diagramas de arquitectura

Diseña arquitectura de nube y sistemas con iconos de servicios y conexiones. Perfectos para documentación de infraestructura.

Diagramas de paquetes

Visualiza estructuras de paquetes de protocolos de red con diseños de campos a nivel de bits. Esenciales para documentación de protocolos de red.