Para mantener conectados los conectores de draw.io en Mac, conecta sus extremos a las formas y comprueba el punto de conexión resaltado antes de soltar. Usa conexiones fijas cuando cada extremo deba permanecer en un punto específico; usa conexiones flotantes cuando el punto de conexión pueda moverse por el perímetro de la forma. Guía oficial de conectores

Esta guía se centra en reorganizar un diagrama sencillo en draw.io en un Mac: tres rectángulos etiquetados como Nodo A, Nodo B y Nodo C, conectados en secuencia. El objetivo es mover nodos individuales sin perder sus conexiones y, luego, ajustar las rutas de las líneas si es necesario.

Elige si el conector debe conservar el mismo punto de conexión

draw.io admite dos comportamientos de conexión. Una conexión fija permanece en un punto concreto de una forma cuando la mueves. Una conexión flotante permanece conectada, pero puede desplazarse por el perímetro a medida que cambia la posición de la forma o la ruta del conector. Cada extremo puede usar un comportamiento distinto. Conexiones fijas y flotantes

Antes de cambiar nada, decide qué significa «mantenerse conectado» en tu diagrama:

Resultado deseado Tipo de conexión Qué comprobar después de mover la forma
La línea sigue al nodo y puede cambiar de lado Flotante Que el extremo siga conectado al nodo previsto
La línea siempre usa un punto concreto, como el punto medio del lado derecho Fija Que el extremo permanezca en ese punto
Un nodo requiere un punto de conexión específico, mientras que el otro puede adaptarse Fija en un extremo, flotante en el otro Comprueba cada extremo por separado

Estas opciones corresponden a los comportamientos de conexión descritos en la comparación de conectores de draw.io.

Una forma útil de diagnosticar el problema es distinguir tres casos: un extremo se queda atrás, un extremo cambia de lado o la línea forma un recodo incómodo. El segundo puede ser un comportamiento normal de las conexiones flotantes. El tercero se refiere a la ruta. Comprueba primero la conexión para no perder tiempo modificando la forma de una línea cuyo extremo aún debe volver a conectarse.

Crea conexiones fijas que sigan tus formas

Para el diagrama de ejemplo, coloca Nodo A, Nodo B y Nodo C en una fila horizontal. Conecta el punto del lado derecho de Nodo A con el punto del lado izquierdo de Nodo B y repite el proceso entre Nodo B y Nodo C. Esta disposición es ilustrativa; no corresponde a una prueba documentada de la aplicación.

Haz visibles los puntos de conexión en Mac

Haz clic en un área vacía para que no haya nada seleccionado. En la pestaña Diagrama del panel de formato, asegúrate de que Puntos de conexión esté activado. En el modo clásico, también puedes usar Ver > Puntos de conexión. El atajo documentado para Mac es Option+Shift+O; alterna la visibilidad, así que comprueba el resultado en lugar de pulsarlo repetidamente. Pasa el cursor sobre una forma para buscar las pequeñas cruces. Controles de visibilidad de los puntos de conexión

Conecta los nodos usando los puntos resaltados

  1. Pasa el cursor sobre Nodo A y localiza el punto de conexión de su borde derecho.
  2. Muévete sobre ese punto hasta que se resalte en verde y, luego, arrástralo hacia Nodo B.
  3. Pasa el cursor sobre el punto de conexión del lado izquierdo de Nodo B.
  4. Suelta cuando ese punto se resalte en verde.
  5. Repite el proceso desde el punto del lado derecho de Nodo B hasta el del lado izquierdo de Nodo C.

Este procedimiento sigue las instrucciones documentadas para dibujar conectores fijos. El extremo fijo del conector seleccionado se indica con una cruz verde. Dibujar conectores fijos

Ahora selecciona Nodo B y arrástralo desde el cuerpo hasta una nueva posición debajo de la fila. Deja Nodo A y Nodo C en su sitio. Según el comportamiento documentado de las conexiones fijas, los extremos del conector permanecen en los puntos de conexión elegidos cuando se mueve la forma. Para realizar esta comprobación, selecciona y arrastra la forma en sí, no el tirador de un conector. Mover formas y comprobar las conexiones fijas

Inspecciona cada conector por separado. En el ejemplo previsto, uno debe seguir conectando Nodo A con Nodo B y el otro, Nodo B con Nodo C. Mover un solo nodo es una prueba práctica útil: si mueves todo el conjunto a la vez, obtendrás menos información sobre si cada extremo sigue a su propio nodo.

Repara un extremo que solo parece tocar una forma

Si un extremo del conector se queda atrás durante la prueba, revisa primero ese extremo. Selecciona el conector, arrastra su extremo hasta el punto de conexión de la forma prevista y suéltalo cuando el punto se resalte en verde. Si es necesario, repite el proceso en el otro extremo. La documentación de draw.io indica que soltar el extremo arrastrado de un conector sobre un punto de conexión es una forma de conectar las formas. Conectar los extremos del conector a los puntos de conexión

Para una conexión flotante, arrastra el extremo sobre el destino previsto y suéltalo cuando el contorno de la forma se vea azul. El extremo flotante aparece como un círculo azul. Guíate por esta señal visible en lugar de juzgar la conexión únicamente por si la línea parece tocar el borde. Indicadores de conexión flotante

Después de volver a conectar el extremo, mueve solo el nodo de destino. Si el extremo lo sigue, pero cambia de lado, decide si esa flexibilidad le conviene al diagrama. Si debe permanecer en el borde izquierdo o derecho, conéctalo al punto fijo correspondiente.

Usa puntos de conexión personalizados cuando los predeterminados no sean adecuados

Si una forma no tiene un punto conveniente, abre su menú contextual y elige Editar puntos de conexión. El atajo documentado para Mac es Option+Shift+K. En el editor visual, haz doble clic donde quieras añadir un punto; la posición dependerá de si el ajuste a la cuadrícula está activado. Después, usa ese punto para el conector. También puedes usar el comando directo del menú contextual Añadir punto de conexión, pero la documentación indica que no está disponible para formas giradas o volteadas. Editar los puntos de conexión de una forma

Para esta tarea, usa los puntos visibles sin mantener pulsadas teclas modificadoras al conectar los extremos. La página oficial sobre puntos de conexión y la página de atajos con teclas modificadoras ofrecen indicaciones contradictorias sobre el uso de Alt y Shift al soltar extremos. En Mac, la referencia de atajos asigna Alt a Option. El procedimiento con puntos visibles evita depender de esas indicaciones contradictorias. Instrucciones sobre puntos de conexión, referencia de teclas modificadoras

Corrige los recodos después de confirmar que los extremos están conectados

Una conexión fija controla dónde se une el conector a una forma; la ruta intermedia del conector se controla por separado mediante puntos de paso y opciones de enrutamiento. Los conectores seleccionados muestran tiradores en los puntos de paso; al moverlos, cambia la ruta. Un extremo fijo permanece en su punto de conexión, mientras que un extremo flotante puede desplazarse por el perímetro durante estas modificaciones. Rutas y puntos de paso de los conectores

Si un desvío anterior ya no sirve, selecciona solo el conector afectado. En el panel de formato, abre Organizar, elige Restablecer y luego Puntos de paso. Esto devuelve el conector a una ruta más directa. Al restablecer los puntos de paso, las etiquetas del conector permanecen donde están; después, comprueba la posición de las etiquetas. Si hace falta, usa Restablecer > Posiciones de las etiquetas; las etiquetas bloqueadas conservan su posición. Restablecer puntos de paso y etiquetas

Si quieres crear una ruta con una forma concreta, selecciona el conector y activa Seguir terminales en la sección Efectos de la pestaña Estilo. draw.io documenta esta opción para mover los puntos de paso colocados manualmente cuando se mueve una forma conectada. Comprueba la ruta resultante después de cambiar la posición: mantener los extremos conectados y conservar una ruta útil son requisitos distintos. Mover puntos de paso con las formas conectadas

Si quieres que las rutas se adapten a otras formas, selecciona el conector y elige Estilo > Puntos de paso > Enrutar automáticamente alrededor de las formas. Según la documentación, el enrutamiento se actualiza cuando las formas conectadas se mueven o cambian de tamaño. Si arrastras manualmente el conector para añadir puntos de paso, el enrutamiento automático se desactiva. El enrutamiento automático tampoco tiene efecto dentro de contenedores que organizan automáticamente su contenido. Enrutamiento automático y sus límites

Evita los ajustes que resuelven otro problema

Ajustar a punto hace que un conector use el punto de conexión definido más cercano mientras se mueven las formas o los conectores. Como el punto más cercano puede cambiar, resulta útil cuando quieres disponer de ubicaciones de anclaje seleccionables y permites que el extremo cambie de una a otra. Si el extremo debe permanecer en un punto concreto, usa una conexión fija. Cómo funciona el ajuste a los puntos de anclaje

Del mismo modo, el comando documentado Organizar > Diseño > Enrutamiento ortogonal vuelve a enrutar los conectores una sola vez; no activa el enrutamiento automático continuo. Elígelo para una limpieza puntual y usa Enrutar automáticamente alrededor de las formas si quieres que los movimientos posteriores generen nuevas rutas. Enrutamiento puntual y automático

Para terminar, mueve Nodo B por separado y comprueba los cuatro extremos de los conectores; después, inspecciona los recodos y las etiquetas. Así tendrás un criterio claro para dar la tarea por concluida: los nodos previstos siguen conectados, los extremos fijos conservan los puntos elegidos y las rutas se leen con claridad en la nueva disposición.

Fuentes