Editor de diagramas de secuencia

Explica quién actúa y en qué orden

Un diagrama de secuencia se centra en participantes y mensajes, no en bifurcaciones de decisión. Empieza con el ejemplo de conversión local o añade las personas y componentes de tu proceso. Pon a cada participante un título corto y reconocible. Ajusta la posición horizontal arrastrando o modificando la coordenada X. Cada participante tiene una línea de vida y los mensajes aparecen en el orden de la lista. Crea una conexión del emisor al receptor, escribe el mensaje y elige línea continua o discontinua. Los mensajes al mismo participante se dibujan como llamadas a sí mismo, en lugar de convertirse en una línea invisible.

Reordena la conversación sin rehacer el diagrama

Los botones Antes y Después cambian el lugar de un mensaje en la lista. El cambio se refleja en su posición vertical y en el código Mermaid exportado. Una petición continua seguida de una respuesta discontinua es un patrón habitual, pero el texto debe explicar lo que realmente ocurre. Selecciona un mensaje para cambiar sus extremos o su contenido. El subconjunto Mermaid admite sequenceDiagram, declaraciones participant o actor, alias opcionales y flechas ->> o -->>. Los actores se muestran como cajas con nombre. Bucles, alternativas, notas, barras de activación y directivas quedan fuera de este editor sencillo. El texto no admitido se rechaza antes de sustituir el trabajo. Conserva otro documento si necesitas esos conceptos avanzados.

Conserva una copia editable además de la imagen

El editor funciona en el navegador. El contenido del diagrama no se envía a un servidor de conversión y no necesitas una cuenta. Los cambios se guardan en localStorage para este navegador y esta herramienta. Es cómodo para continuar un borrador, pero no sustituye una copia de seguridad: el modo privado, el borrado de datos del sitio o un cambio de dispositivo pueden impedir recuperarlo. Descarga el archivo Mermaid al terminar una etapa de trabajo. Incluye la estructura y un comentario con las posiciones actuales. SVG sirve para documentos e impresión; PNG resulta práctico para presentaciones y mensajes. Ambos contienen solo el diagrama, sin los controles del editor. Abre el archivo antes de compartirlo y comprueba la legibilidad. Si el PNG es demasiado grande, acerca los nodos o elige SVG. El paquete ZIP reúne PNG, SVG, Mermaid y el modelo JSON de la misma versión en una descarga. Para volver a importarlo en este editor, usa el contenido Mermaid.

Preguntas frecuentes

Herramientas relacionadas

• Editor de diagramas de flujo

  Dibuja procesos y decisiones; exporta Mermaid, SVG o PNG.

• Editor de diagramas ER

  Modela tablas, claves y relaciones. Exporta imágenes y Mermaid.

• Editor de mapas mentales

  Organiza ideas en un árbol y descarga PNG, SVG o Mermaid.