Представьте, что UI-kit на примере — рабочий макет с сеткой. Горизонтальные направляющие воздухом разделяют макет между вертикальными блоками. Вертикальные направляющие — между горизонтальными блоками. Сетка задаёт вертикальный и горизонтальный ритм макету.
А чего просто не добавить сетку странице и не привязать эти компоненты к этой сетке с двух сторон, и верх низ по необходимости?
Просто вариант квадратами и автолейаутами накрываются в тот момент когда скажем у нас 6 колонок, и 3 элемента например на 2,1,3 колонки. Да даже если 3 колонки и нужно сделать 2 и 1.
Сетка может отличаться, в одном горизонтальном блоке может быть 3 колонки, в следующем — 5 колонок. В этом случае сетка рушится. А система отступов и использование спейсеров рушиться не будет.