Saltar al contenido

Generador de diagramas de secuencia

Escriba un mensaje por línea y vea quién habla con quién, en orden, como diagrama de secuencia.

Procesado localmente en tu navegador

Opciones
Un mensaje por línea: "Emisor -> Receptor: texto". Use "-->" para una respuesta discontinua. O pegue código Mermaid "sequenceDiagram".0 caracteres · 0 líneas
El resultado aparecerá aquí.

¿Qué es Generador de diagramas de secuencia?

Un diagrama de secuencia muestra cómo los participantes (usuarios, servicios, bases de datos) intercambian mensajes a lo largo del tiempo. Es la forma habitual de documentar una llamada a una API, un flujo de inicio de sesión o el establecimiento de un protocolo.

En modo rápido solo escribe "Emisor -> Receptor: mensaje" por línea, y "-->" para una respuesta discontinua. La herramienta declara los participantes por orden de aparición, convierte las flechas a la sintaxis de Mermaid, escapa los caracteres que romperían el analizador y muestra el código Mermaid generado junto al diagrama. También puede pegar su propio código sequenceDiagram con bucles, alternativas y notas.

¿Cómo funciona?

  1. Escriba los mensajes como "Emisor -> Receptor: texto" (uno por línea); use "-->" para las respuestas.
  2. Marque "Numerar los mensajes" para la numeración automática y elija si los participantes se repiten abajo.
  3. Elija un tema y revise el diagrama y el panel "Código Mermaid" generado.
  4. Exporte SVG o PNG, o copie el código Mermaid en su documentación.

Casos de uso habituales

  • Documentar una llamada a una API REST o un flujo de inicio de sesión OAuth entre navegador, servidor y base de datos.
  • Explicar la interacción entre microservicios en una revisión de diseño.
  • Esbozar el establecimiento de un protocolo para una especificación.
  • Preparar un informe de soporte o de incidente que muestre el orden de los eventos.

Ejemplos

Prueba esta entrada en la herramienta de arriba:

Browser -> Server: GET /login
Server -> Database: Find user
Database --> Server: User record
Server --> Browser: 200 OK + session cookie
Browser -> Server: GET /dashboard
Server --> Browser: Dashboard page

Privacidad

Generador de diagramas de secuencia se ejecuta por completo en tu navegador. El texto o los archivos que proporcionas se procesan en tu dispositivo y no se suben, registran ni almacenan en nuestros servidores.

Limitaciones

El esquema rápido solo admite mensajes simples y flechas de respuesta. Los bucles, los bloques alt/opt, las activaciones y las notas requieren código Mermaid sequenceDiagram. Los nombres de participantes con espacios se muestran mediante alias.

Preguntas frecuentes

¿Cómo muestro un mensaje de respuesta?

Use una flecha con doble guion: "Servidor --> Navegador: 200 OK" dibuja una línea discontinua, mientras que "Navegador -> Servidor: GET /" dibuja una continua con punta de flecha.

¿Pueden los participantes tener nombres con espacios?

Sí. Nombres como "Servicio de pagos" se declaran con un identificador generado y se muestran con su nombre completo en el diagrama.

¿Puedo añadir bucles o alternativas?

Sí, en modo código Mermaid. Pegue código que empiece por sequenceDiagram y use loop, alt/else, opt, par y Note over; la opción de numeración sigue aplicándose.

Más herramientas en Markdown y diagramas →