Editor de diagramas de sequência

Explique quem age e em qual ordem

Um diagrama de sequência se concentra em participantes e mensagens, em vez de ramificações de decisão. Comece pelo exemplo de conversão local ou adicione pessoas e componentes do seu processo. Dê a cada participante um título curto e reconhecível. Ajuste a posição horizontal arrastando ou editando a coordenada X. Cada participante possui uma linha de vida, e as mensagens aparecem na ordem da lista. Crie uma conexão do remetente para o destinatário, escreva a mensagem e escolha uma linha contínua ou tracejada. Mensagens para o próprio participante são desenhadas como chamadas a si mesmo, sem se tornarem linhas invisíveis.

Reorganize as mensagens sem refazer o desenho

Os botões Antes e Depois mudam a posição de uma mensagem na lista. A alteração aparece na posição vertical e no código Mermaid exportado. Uma solicitação contínua seguida de uma resposta tracejada é um padrão comum, mas o texto precisa explicar o que realmente acontece. Selecione uma mensagem para trocar seus extremos ou sua redação. O subconjunto Mermaid aceita sequenceDiagram, declarações participant ou actor, apelidos opcionais e setas ->> ou -->>. Atores aparecem como caixas com nome. Loops, alternativas, notas, barras de ativação e diretivas ficam fora deste editor compacto. Entradas não suportadas são rejeitadas antes de substituir seu trabalho. Mantenha outro documento se precisar desses conceitos mais avançados.

Guarde uma cópia editável além da imagem

O editor funciona no navegador. O conteúdo do diagrama não é enviado a um servidor de conversão e nenhuma conta é necessária. As alterações ficam no localStorage deste navegador e desta ferramenta. Isso ajuda a retomar um rascunho, mas não substitui um backup: navegação privada, limpeza dos dados do site ou troca de dispositivo podem impedir a recuperação. Baixe o arquivo Mermaid ao concluir uma etapa importante. Ele inclui a estrutura e um comentário com as posições atuais. SVG é adequado para documentos e impressão; PNG é prático para apresentações e mensagens. Ambos contêm apenas o diagrama, sem os controles do editor. Abra o arquivo antes de compartilhar e confira os rótulos. Se o PNG ficar grande demais, aproxime os nós ou escolha SVG. O pacote ZIP reúne PNG, SVG, Mermaid e o modelo JSON da mesma versão em um download. Para importar novamente neste editor, use o conteúdo Mermaid.

Perguntas frequentes

Ferramentas relacionadas

• Editor de fluxogramas

  Desenhe processos e decisões; exporte Mermaid, SVG ou PNG.

• Editor de diagramas ER

  Modele tabelas, chaves e relações. Exporte imagens e Mermaid.

• Editor de mapas mentais

  Organize ideias em uma árvore e baixe PNG, SVG ou Mermaid.