Editor de fluxogramas

Transforme um processo em etapas compreensíveis

Comece pelo exemplo ou adicione um nó vazio. Prefira ações curtas, como Verificar pedido ou Enviar resposta. Use a forma arredondada para início e fim, o retângulo para ações, o losango para decisões e o paralelogramo para entrada ou saída. É possível escolher a forma ao adicionar um nó ou alterá-la depois. O painel de propriedades permite mudar texto e coordenadas; clique em Aplicar alterações quando terminar. Arrastar facilita a organização inicial, enquanto as coordenadas numéricas ajudam a alinhar etapas com precisão. Ao excluir um nó, suas conexões também são removidas para não deixar referências incompletas.

Conecte as decisões e importe um rascunho Mermaid

Escolha origem e destino no formulário de conexão. Adicione um rótulo quando ele esclarecer uma bifurcação: Sim e Não são úteis ao redor de decisões. Selecione uma conexão na tela ou na lista para editar ou excluir. Também é possível colar um rascunho iniciado por flowchart TB, LR, BT ou RL. O formato aceito inclui as quatro formas básicas, cadeias de setas e setas com rótulos. Subgráficos, estilos, ações de clique e diretivas de configuração geram um erro visível, sem descarte silencioso. O texto completo é validado antes da substituição da tela. Use Desfazer se uma edição válida alterar algo que você queira recuperar.

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 diagramas ER

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

• Editor de diagramas de sequência

  Edite participantes e mensagens e exporte a sequência.

• Editor de mapas mentais

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