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. El motor de diseño utiliza el algoritmo Sugiyama, que está específicamente diseñado para grafos jerárquicos y dirigidos.
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).
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.