Para redirecionar conectores do draw.io após mover formas, use Roteamento automático ao redor de formas para evitar obstáculos automaticamente. Para outras linhas de conexão, use pontos de passagem manuais para criar caminhos separados ou saltos de linha para deixar os cruzamentos claros.

Escolha o resultado de roteamento desejado

Este guia é para quem está editando um diagrama existente no draw.io Desktop em um Mac. A tarefa é restaurar conexões legíveis depois de reorganizar as formas, mantendo cada conector ligado aos nós pretendidos.

Comece identificando o obstáculo. Um conector que atravessa um retângulo precisa de um tratamento diferente de dois conectores que se cruzam em um espaço vazio. A documentação oficial descreve o roteamento automático ao redor de formas; ela não promete eliminar automaticamente todos os cruzamentos entre conectores ou segmentos compartilhados. Para definir um caminho específico ao redor de outra linha, use pontos de passagem manuais. Para um cruzamento aceitável, use saltos de linha. Consulte a documentação de roteamento automático e a referência de estilos de conectores do draw.io.

Use este exemplo sintético ao longo do guia: coloque Node A à esquerda e Node B à direita, com um conector entre eles. Coloque Node C entre esses nós como obstáculo. Adicione um segundo conector entre Node D, acima, e Node E, abaixo. O primeiro problema é evitar Node C; o segundo é decidir como os dois conectores devem passar um pelo outro.

Prepare o editor de desktop no Mac

Abra seu diagrama e selecione o conector afetado. Se o painel de formatação estiver oculto, escolha View > Format ou pressione Cmd+Shift+P. Os controles de roteamento ficam na guia Style. Esses controles do painel e o atalho do Mac estão documentados em Estilizar seu diagrama.

Se a opção de roteamento automático não estiver disponível, verifique se há uma atualização do aplicativo em Help > Check for Updates e siga as instruções. Esse é o procedimento de atualização do draw.io Desktop documentado. O recurso de evitar formas automaticamente aparece no anúncio de atualização dos conectores do draw.io, de 13 de outubro de 2026, então instruções mais antigas podem descrever um fluxo de trabalho diferente.

Faça os conectores evitarem formas automaticamente

  1. Selecione o conector entre Node A e Node B.
  2. Abra a guia Style no painel de formatação.
  3. Abra a lista suspensa Waypoints.
  4. Escolha Roteamento automático ao redor de formas.

O caminho resultante usa curvas em ângulo reto. O guia de atualização dos conectores oficial documenta essas etapas e explica que os caminhos são atualizados quando as formas conectadas são movidas, redimensionadas, giradas, alinhadas ou distribuídas, e quando uma forma é movida para cima ou para fora do caminho.

No exemplo, mova Node C pelo espaço entre Node A e Node B. Observe o caminho enquanto arrasta e depois de soltar a forma. Assim, você pode verificar de forma objetiva: o conector evita o obstáculo e ainda chega aos dois nós pretendidos? Faça isso antes de ajustar o segundo conector, para que cada edição tenha um objetivo claro.

Evite arrastar o próprio conector enquanto quiser usar o comportamento automático. Alterar manualmente o caminho desativa o roteamento automático para esse conector. O mesmo anúncio documenta esse comportamento. Se depois quiser voltar a evitar formas automaticamente, selecione novamente a opção de roteamento automático.

Há uma exceção documentada: o roteamento automático não tem efeito sobre conectores dentro de contêineres que organizam o conteúdo automaticamente, como formas de lista ou de layout. Verifique essa condição antes de continuar alterando as configurações de um conector que parece não responder. Consulte Rotear conectores automaticamente ao redor de formas.

Redirecione uma vez sem mover as formas

Quando as posições dos nós em um diagrama já estiverem definidas, uma única execução do roteamento pode ser mais útil do que atualizações contínuas.

  1. Selecione os conectores que deseja corrigir. Se nada estiver selecionado, a operação roteará todos os conectores.
  2. Escolha Arrange > Layout > Orthogonal Routing.
  3. Insira o valor desejado de Spacing entre conectores e formas.
  4. Clique em OK.

Essa operação mantém as formas no lugar e cria conectores ortogonais com pontos de passagem. Ela não faz com que os conectores continuem sendo redirecionados automaticamente. O procedimento e seu escopo estão documentados em Aplicar o layout Orthogonal Routing para redirecionar uma vez.

Considere o valor do espaçamento uma escolha de layout. No exemplo sintético, verifique a distância ao redor de Node C e depois confira o conector e os rótulos próximos. Um espaço maior pode parecer mais claro localmente, mas tornar o caminho geral mais longo. Escolha com base no resultado do diagrama, sem presumir que um valor de espaçamento serve para todos os arranjos.

Faça o roteamento manual ao redor de outro conector

Quando o primeiro conector precisa seguir um corredor específico ao redor do segundo, assuma o controle do caminho:

  1. Selecione o conector que deseja ajustar.
  2. Arraste uma alça azul ou um trecho do conector em direção ao corredor desejado.
  3. Como alternativa, clique com o botão direito entre pontos de passagem existentes e escolha Add Waypoint.
  4. Para posicionar com precisão, abra Arrange, expanda Waypoints e edite as coordenadas Left e Top de cada ponto de passagem.

Adicionar pontos de passagem manuais desativa o roteamento automático. Esses controles estão documentados em Trabalhar com pontos de passagem em conectores para alterar o caminho.

Para Node A e Node B, imagine um corredor vazio abaixo de Node C. Guie o conector para baixo até esse corredor, atravesse-o e volte na direção de Node B. Depois, siga todo o caminho com o olhar. Afastar um segmento do conector vertical pode criar um novo cruzamento em outro ponto; qualquer desvio local exige verificar o caminho inteiro.

Se as posições dos nós não deixarem nenhum corredor útil, considere mover um nó para criar um. Os pontos de passagem permitem especificar um caminho, mas o diagrama ainda precisa de espaço vazio suficiente para que ele continue legível.

Para descartar um desvio antigo, clique com o botão direito no conector e escolha Clear Waypoints. Ele voltará ao caminho mais curto entre as formas; isso não garante que evitará obstáculos. Os rótulos permanecem no mesmo lugar, então confira-os após redefinir o caminho. Consulte a mesma documentação sobre pontos de passagem.

Indique cruzamentos inevitáveis com saltos de linha

Se os conectores horizontal e vertical puderem se cruzar, selecione um deles e use Line jumps na guia Style. As opções de exibição incluem arc, gap e sharp, além da exibição padrão overlapped. Essas opções estão documentadas em Estilizar conectores.

Um salto de linha altera a forma como um cruzamento é exibido; ele não cria um corredor separado. Use-o quando o cruzamento em si for aceitável. Para dois conectores que compartilham um trecho de linha, prefira um desvio manual para que os leitores possam acompanhar cada conexão separadamente.

Mantenha o caminho corrigido útil após a próxima edição

Para conectores roteados manualmente, decida se as curvas devem permanecer próximas ao restante do diagrama ou acompanhar os nós conectados. Para mover os pontos de passagem junto com os pontos finais, selecione o conector e ative Follow Terminals em Style > Effects. Os conectores ortogonais mantêm as curvas em ângulo reto. Esse comportamento está documentado no guia de atualização dos conectores.

Confira também os pontos finais antes de adicionar mais curvas. Conectores flutuantes podem se mover ao redor do perímetro de uma forma; conectores fixos permanecem ligados a pontos específicos. Essa diferença pode explicar uma aproximação estranha a um nó. O guia de conectores oficial descreve os dois tipos de conexão.

Para terminar, acompanhe cada conector da origem ao destino. Confira separadamente a distância dos obstáculos, os cruzamentos, os segmentos compartilhados e a posição dos rótulos. No exemplo sintético, o resultado é bem-sucedido se for fácil acompanhar a conexão entre Node A e Node B ao redor de Node C, e se ficar clara sua relação com a conexão entre Node D e Node E. Escolha entre roteamento automático, um corredor manual ou um cruzamento visível conforme esse resultado específico.

Fontes