Smart Layout
OpenFlowKit uses ELK-based layout strategies to turn rough graphs into readable diagrams quickly.
When to use auto layout
Section titled “When to use auto layout”Use layout when:
- a template is structurally right but visually rough
- AI generation gave you the right nodes in the wrong places
- imported code needs normalization
- you have added branches manually and want spacing fixed
How to run it
Section titled “How to run it”Open the Command Center and choose Auto Layout. The editor passes direction, algorithm, and spacing preferences into the layout request.
Current layout control is strongest when the diagram already has the right nodes and edges but needs better flow, spacing, and reading order.
Current directional options are:
TBLRRLBT
The shell also uses active diagram type as context where needed.
What layout is good at
Section titled “What layout is good at”Auto layout is especially effective for:
- flowcharts
- architecture graphs
- state-like branching diagrams
- AI-generated drafts
- imported code and structured data drafts
It is less effective for intentionally hand-composed slides or dense annotated canvases where visual storytelling matters more than graph regularity.
Practical strategy
Section titled “Practical strategy”For the best result:
- get the right nodes and edges first
- run layout
- use layers or sections if the diagram needs hierarchy
- make final manual adjustments
Do not spend time hand-aligning a graph before running layout. That work is usually wasted.
Layout plus code workflow
Section titled “Layout plus code workflow”OpenFlow DSL and Mermaid edits are especially effective when combined with layout:
- make structural changes in text
- apply them
- run auto layout
- finish visual polish in the properties panel