Snap-to-grid: why your boxes finally line up
A 20px grid, five fixed sizes and grid-aligned widths mean everything aligns automatically — and connectors land dead straight.
Everything snaps to 20px
When you move a shape, o-flow rounds its position to the nearest grid line. You never end up one pixel off. Toggle snapping off if you ever need to, but most teams leave it on forever.
Five fixed sizes — no in-betweens
Each shape has a small set of sizes whose dimensions are multiples of the grid. Because half-widths land on the grid too, two aligned boxes share an exact centre line, so the connector between them is perfectly straight.
One-click Tidy
The Tidy button groups shapes into columns, aligns each column to a single centre line, and re-spaces them with an even gap. It is idempotent — run it as many times as you like and nothing drifts.