Generador de diagramas de secuencia
Mapea quién llama a qué y en qué orden. Escribe algunas líneas de Mermaid y obtén un diagrama de secuencia limpio de tus llamadas API, intercambios de autenticación o flujos de mensajes — renderizados localmente, nunca subidos.
One step per line. Indent two spaces to branch beneath the line above.
Los diagramas de secuencia hacen el cronometraje obvio
Un diagrama de secuencia se lee de arriba a abajo como tiempo y de izquierda a derecha como participantes, por lo que es la forma más clara de documentar una interacción: un inicio de sesión OAuth, una devolución de llamada webhook, una cadena de llamadas de microservicios, o un reintento propenso a carreras. Las flechas sólidas son solicitudes, las flechas punteadas son respuestas, y las notas señalan las partes complicadas.
Porque cada mensaje es una línea de texto, el diagrama se mantiene sincronizado con la realidad — actualiza la línea, re-renderiza, listo. Pertenece al documento API o a la RFC de diseño.
Construido para documentos de diseño y PRs
Pega el bloque Mermaid directamente en una solicitud de extracción de GitHub o documento de diseño y los revisores ven el flujo renderizarse en línea. O exporta un SVG para un wiki y PNG para una diapositiva. Todo se genera en tu dispositivo, por lo que incluso un flujo interno no liberado nunca deja tu máquina.
Preguntas frecuentes
¿Cómo creo un diagrama de secuencia a partir de texto?
Comienza con "sequenceDiagram", declara tus participantes, luego agrega un mensaje por línea como "A->>B: request". El diagrama se renderiza en vivo y puedes exportarlo como SVG o PNG.
¿Cuál es la diferencia entre una flecha sólida y punteada?
Una flecha sólida ("->>") es una llamada o solicitud; una flecha punteada ("-->>") es la respuesta o mensaje de retorno. Usarlos consistentemente hace que los pares solicitud/respuesta sean obvios.
¿Puedo mostrar alternativas, bucles y notas?
Sí. Usa "alt … else … end" para ramas, "loop label … end" para pasos repetidos, y "Note over A,B: text" para anotaciones. Consulta la hoja de trucos anterior.
¿Mi diagrama de secuencia se sube?
No. Se renderiza localmente en tu navegador con Mermaid, por lo que el texto del diagrama — incluyendo detalles de API internos — nunca deja tu dispositivo.
¿Puedo numerar automáticamente los mensajes?
Sí — agrega la línea "autonumber" justo después de "sequenceDiagram" y cada mensaje obtiene un número secuencial, que es útil para referencia de pasos en un documento.