Crea un diagrama de secuencia con marcado UML en Lucidchart

Escrito por:  Shanna S
Última actualización:  

Con nuestra herramienta de marcado de secuencias, puedes crear y editar diagramas de secuencia fácilmente. Como Lucidchart genera un diagrama de secuencia de forma automática a partir del texto que ingresas, puedes usar el tiempo que ahorras para seguir codificando... o ver "La guerra de las galaxias".

Disponibilidad de plan: Individual, Equipo y Corporativo.

Ver: Diagramas de clases UML

Crea un diagrama de secuencia usando el marcado

Sigue estos pasos para que Lucidchart genere de forma automática un diagrama de secuencia para ti:

  1. Activa la biblioteca de figuras UML.
    • Haz clic en Más figuras en la parte inferior del menú Figuras en el lado izquierdo de tu documento o presiona "M" en el teclado.
    • En la pestaña "Figuras", marca la casilla de la biblioteca de figuras "UML".
    • Haz clic en Usar figuras seleccionadas.
  2. En la biblioteca de figuras "Secuencia UML" del menú Figuras, haz clic en Usar marcado.
    UML
  3. En la ventana emergente del lado izquierdo, escribe tu marcado.
  4. Haz clic en Generar cuando tengas todo listo para generar un diagrama.
    secuencia

Para crear un diagrama nuevo, haz clic nuevamente en Usar marcado en la biblioteca de figuras de secuencia UML.

Propina: Ahorra tiempo creando un diagrama de secuencia con IA. Descubre más en nuestro artículo Aumentar la productividad con Lucid IA en Lucidchart artículo.

Marcado compatible

Líneas

Las líneas representan una relación entre elementos, lo que ayuda a visualizar las conexiones y el flujo dentro de un sistema. 

Sintaxis Descripción Ejemplo

Alice->Bob

Alice <- Bob

Dibuja una línea continua (puedes dibujar líneas en ambos sentidos). Ejemplo de líneas de marcado UML.png
Alice --> Dibuja una línea punteada.
Alice -> Alice Dibuja una flecha continua hacia y desde un participante.

Líneas de vida

línea de vida muestra los participantes involucrados en un proceso de negocio, representando cuánto tiempo cada participante está activo o involucrado durante los eventos en el diagrama.

Sintaxis Descripción Ejemplo
activate Alice Empezar activación de participantes con línea de vida. UML-marcado-línea de vida-ejemplo.png
deactivate Alice Finaliza la activación de un participante terminando la línea de vida.

Flechas

Las flechas representan el flujo de comunicación entre elementos.

Sintaxis Descripción Ejemplo
-> Flecha cerrada Ejemplo de flechas de marcado UML.png
-> > Flecha abierta
- Sin flecha

Texto

El texto agrega etiquetas a las líneas de un diagrama para agregar detalles a las acciones o flujos.

Sintaxis Descripción Ejemplo
Alice->Bob: text Agrega una etiqueta a mensajes entre participantes. Ejemplo de texto de marcado UML.png
Alice->Bob: text\nmore Agrega una etiqueta con un salto de línea entre los participantes.

Notas

Emplee notas para agregar comentarios o explicaciones a un diagrama, aclarando elementos o procesos de negocio.

Sintaxis Descripción Ejemplo
note left of Alice: text1 Agrega una figura de nota a la izquierda de Alice (si solo hay dos participantes, se puede omitir "of Alice"). Ejemplo de notas de marcado UML.png
nota a la derecha de Alice: texto2 Agrega una figura de nota a la derecha de Alice.
note over Alice: text3 Agrega una figura de nota que se muestra sobre Alice.
Nota sobre Alice, Bob: texto 4 Agrega una figura de nota que se muestra sobre Alice y Bob.
note over Bob, Alice: This is an example of a long note \n with a line break. (todo esto debe ir en una sola línea) Agrega una figura de nota con más de una línea, que se muestra sobre Alice y Bob.

Agrupación

Emplee la agrupación para organizar visualmente elementos relacionados en un Contenedor, que representa una agrupación física o conceptual en un sistema. Esto simplifica el diagrama al mostrar las relaciones entre los elementos. 

Lucidchart Soporte varias funciones de agrupación, cada una con un propósito diferente. Se admiten las siguientes funciones: 

  • alt: representa flujos alternativos donde solo se elige un Camino. 
  • opt: se emplea para secuencias opcionales que ocurren solo si se cumple una condición. 
  • par: significa paralelo, permite que las acciones sucedan simultáneamente. 
  • bucle: representa secuencias repetidas. 
  • crítico: define una sección que debe completar sin interrupción.
Sintaxis Descripción Ejemplo

alt successful case

Bob -> Alice: data accepted

else some kind of failure

Bob -> Alice: data rejected

end

Crea un mensaje de agrupación con "alt" (alternativa) y "else" (si no) para mostrar diferentes situaciones. Ejemplo de agrupación alternativa de marcado UML.png

opt text1

Alice -> Bob: text2

end

Construya un mensaje de agrupación con la palabra clave "opt".

Se admiten estas palabras clave:

  • optar 
  • par 
  • Bucle
  • crítico

Nota: Estas cuatro palabras clave no son compatibles con "else". Solo la palabra clave "alt" puede ir junto con "else".

Ejemplo de agrupación de opciones de marcado UML.png

Ejemplo de agrupación por marcado UML.png

Alias

Emplee un alias para asignar un nombre alternativo a un elemento, lo que ayuda a simplificar y organizar su marcado para una mayor claridad. 

Sintaxis Descripción Ejemplo
participant A as Alice Asigna alias a los participantes para poder escribir más rápido. Ejemplo de alias de marcado UML.png
participant A as "Alice Jones" Coloca comillas en los alias para asignar al participante un alias de más de una palabra.

Comentarios

Los comentarios son una forma de agregar notas dentro de su código que no se muestran en el diagrama. Proporcionan explicaciones útiles o recordatorios sin afectar la estructura del diagrama.

Sintaxis Descripción
'comment text Comentario de una sola línea
/' comment text '/ Comentario de varias líneas

Edita un diagrama de secuencia

No te preocupes si tu diagrama de secuencia no es perfecto en el primer intento. Puedes editar el marcado de un diagrama que ya hayas creado, a menos que lo hayas ajustado manualmente o hayas desagrupado el diagrama en el lienzo.

Simplemente haz clic en el diagrama, y el diálogo de marcado de secuencia aparecerá en el lado izquierdo del editor.

Aplícale estilo a un diagrama de secuencia

Selecciona el diagrama de secuencia y usa la barra de propiedades que está en la parte superior del editor para aplicarle estilo a tu diagrama. Si deseas aplicar estilos a bloques o elementos individuales de tu diagrama, primero deberás desagruparlos. Selecciona el diagrama, haz clic con el botón derecho y selecciona Desagrupar.

Nota: Si desagrupas el diagrama, no podrás editar el marcado de nuevo.

Preguntas frecuentes

¿Puedo agregar sintaxis de estilo a mi marcado?
La sintaxis UML de estilizado no está soportada en Lucidchart. Para saber más sobre cómo estilizar tu diagrama, consulta la sección Estilo de diagrama de secuencia de este artículo.

Recursos

Para obtener más información sobre esta función, explora los recursos adicionales a continuación. Estos recursos están disponibles solo en inglés.

Videos

Diagramas de clases UML | Tutorial

Diagramas de casos de uso de UML

Da tu opinión sobre este artículo

¿Tienes comentarios sobre este artículo? Cuéntanos tu experiencia aquí

¿Encontraste lo que estabas buscando?

¿Todavía tienes alguna pregunta o quieres compartir lo que has aprendido? Visita nuestro Comunidad   para obtener ayuda y colaborar con otras personas.