Diseño Automático
Diagrammix3 incluye una potente función de diseño automático que organiza automáticamente los elementos de tu diagrama para una legibilidad óptima. Ofrece varios algoritmos de diseño — desde el clásico diseño jerárquico Sugiyama hasta disposiciones en árbol, radial, circular, basada en fuerzas y en cuadrícula — para que puedas elegir el que mejor se adapte a tu diagrama.
Cuándo Usar el Diseño Automático
El diseño automático es útil cuando:
- Has importado un diagrama desde Mermaid u otro formato
- Tu diagrama se ha desordenado después de muchas ediciones
- Quieres organizar rápidamente una gran cantidad de elementos
- Estás partiendo de un boceto y quieres un diseño limpio
Aplicar el Diseño Automático
Desde el Menú
- Selecciona las figuras que quieres organizar (o selecciona todo con Cmd+A)
- Ve a Arrange → Auto-Layout
- Los elementos seleccionados serán reorganizados
Desde la Barra de Herramientas
Haz clic en el botón de Diseño Automático en la barra de herramientas de organización (icono de cuadrícula).
Algoritmos de Diseño
Más allá del clásico diseño jerárquico, Diagrammix ofrece una variedad de algoritmos. Elige el que mejor se adapte a la forma de tus datos:
| Algoritmo | Ideal Para |
|---|---|
| Jerárquico (Sugiyama) | Diagramas de flujo, organigramas, grafos de dependencias — estructuras dirigidas por capas |
| Por Capas | Grafos dirigidos donde quieres control explícito sobre la dirección del flujo |
| Árbol | Jerarquías estrictas padre → hijo |
| Radial | Jerarquías que irradian desde una raíz central |
| Circular | Nodos dispuestos en anillo; ideal para ciclos y redes entre iguales |
| Basado en Fuerzas | Espaciado orgánico, basado en física, para grafos generales |
| Orgánico | Diseños naturales y uniformemente distribuidos para grafos densos |
| Ortogonal | Diseños compactos con enrutamiento en ángulo recto |
| Cuadrícula / Empaquetado | Disposiciones en cuadrícula ordenada o empaquetada de elementos débilmente relacionados |
Consejo: Prueba varios algoritmos sobre la misma selección —
Cmd+Zdeshace cada resultado al instante, por lo que es fácil compararlos.
Dirección del Diseño
Puedes elegir la dirección de la jerarquía del diseño:
| Dirección | Descripción | Ideal Para |
|---|---|---|
| De arriba a abajo | Raíz arriba, hojas abajo | Organigramas, diagramas de flujo |
| De abajo a arriba | Raíz abajo, hojas arriba | Árboles de decisión |
| De izquierda a derecha | Raíz a la izquierda, hojas a la derecha | Flujos de proceso, líneas de tiempo |
| De derecha a izquierda | Raíz a la derecha, hojas a la izquierda | Diagramas RTL |
Accede a las opciones de dirección en Arrange → Auto-Layout → Dirección.
Opciones de Diseño
Espaciado
Controla el espacio entre elementos:
- Espaciado horizontal: Distancia entre nodos hermanos
- Espaciado vertical: Distancia entre niveles de la jerarquía
Ajusta estos valores en el panel de opciones de diseño o en el Inspector.
Alineación
Elige cómo se alinean los nodos en el mismo nivel:
- Centro: Nodos centrados dentro de su nivel
- Izquierda/Arriba: Nodos alineados al inicio
- Derecha/Abajo: Nodos alineados al final
El Algoritmo Sugiyama
El diseño automático utiliza el algoritmo Sugiyama (también conocido como dibujo de grafos por capas), que:
- Asigna capas: Coloca los nodos en niveles jerárquicos según las conexiones
- Reduce cruces: Minimiza los cruces de aristas entre capas
- Posiciona nodos: Coloca los nodos para minimizar la longitud de las aristas
- Enruta aristas: Crea trazados limpios para los conectores
Este algoritmo es ideal para:
- Diagramas de flujo
- Organigramas
- Grafos de dependencias
- Jerarquías de clases UML
- Máquinas de estados
Consejos para Mejores Resultados
Antes de Ejecutar el Diseño Automático
- Elimina conexiones innecesarias: Las aristas adicionales aumentan la complejidad
- Agrupa elementos relacionados: Los grupos se tratan como nodos individuales
- Considera la dirección: Piensa en qué dirección tiene sentido para tu diagrama
Después de Ejecutar el Diseño Automático
- Ajusta las posiciones: Modifica elementos individuales según sea necesario
- Revisa las etiquetas: Asegúrate de que las etiquetas sean legibles y no se superpongan
- Ajusta el espaciado: Aumenta el espaciado si los elementos se ven apretados
Limitaciones
- Grafos cíclicos: Los diagramas con referencias circulares pueden no organizarse perfectamente
- Grafos densos: Los diagramas muy densos pueden seguir teniendo algunos cruces de aristas
- Posiciones personalizadas: El diseño sobrescribirá cualquier posicionamiento manual
- Relación de aspecto: El algoritmo no considera la relación de aspecto del lienzo
Deshacer
Si no te gusta el resultado, presiona Cmd+Z para deshacer el diseño y restaurar las posiciones anteriores.