Snap smarter: equal spacing and live distances

Hi there,

Eyeballing the space between layers is slow, and a few pixels off is all it takes to make a design look unbalanced. Snapping in the Design Editor is now smarter: layers snap to equal spacing, snap while you resize, and you can check any distance in one keypress. The result is cleaner layouts with a lot less nudging.

Equal spacing, found for you

Drag a layer between two others and it snaps to the exact spot where the space on both sides is the same. The distance is shown on each side, so you can see at a glance that the gaps match.

Snap while you resize

Snapping is no longer only for moving. Drag a resize handle toward another layer and the edge snaps right onto it, so widths and edges line up without guesswork.

Measure any gap with Alt / Option

Select a layer, hold Alt (Option on Mac), and hover another layer to see the distance between them in pixels. When layers sit diagonally, you get both the horizontal and the vertical distance. Snap guides and rulers also have a refreshed look.

Prefer to place things freely? Snapping can still be turned off any time: open the zoom menu (the zoom percentage at the top right) and untick Enable magnets.

Tip: On a 1080 x 1080 design with a 220 px wide block at x100 and another at x760, drag a third 220 px block between them. It snaps to the middle, leaving 110 px on each side. Need it wider? Drag its right handle toward the block on the right: from 220 px it snaps to 330 px, with its edge landing exactly on the neighbour's left edge.