Difference between 'Space between' and fixed spacing in Auto Layout
Tests your grasp of distribution logic versus fixed gaps. Fixed spacing sets a constant pixel gap; Space between splits free space to push items to edges. Use fixed spacing for lists, Space between for wide toolbars. Red flag: calling them interchangeable.
WHAT THIS TESTS: This question checks if you understand the fundamental difference between absolute and relative distribution inside auto layout frames. Interviewers want to see that you know when to enforce rigid visual rhythm versus letting the container distribute elements dynamically across variable widths.
A GOOD ANSWER COVERS four things in order. First, define fixed spacing as a constant pixel value that maintains the exact same gap between every adjacent child layer no matter how the parent frame stretches or shrinks. Second, define Space between as a packing mode that calculates the total width or height of the auto layout frame, subtracts the combined intrinsic size of all children, and then divides that leftover space into equal portions placed between the children so the first child aligns flush to the start edge and the last child aligns flush to the end edge. Third, give a concrete use case for fixed spacing such as a vertical list of newsfeed items, a stack of cards, or a form row where the visual rhythm must remain identical at every breakpoint and the container hugs its contents. Fourth, give a concrete use case for Space between such as a top navigation bar, a modal footer, or a pagination row where the primary action sits on the far right and the secondary action sits on the far left and the group must span the full width of the viewport without manual resizing.
COMMON WRONG ANSWERS include saying that Space between simply adds a larger pixel gap or that the two modes are interchangeable. Another red flag is describing Space between as a padding or margin setting rather than a distribution algorithm that depends on the parent frame dimensions. Candidates also stumble when they only describe one mode, fail to mention that Space between reacts to the parent frame size while fixed spacing does not, or suggest manually nudging layers instead of using the correct packing mode.
LIKELY FOLLOW-UPS include asking what happens when you add or remove items in a Space between frame versus a fixed gap frame. An interviewer might also ask how Space between interacts with alignment settings such as center or baseline, or how you would handle a design where the outer gaps must differ from the inner gaps. They could also probe whether you would combine auto layout with manual constraints or nested frames to achieve asymmetric spacing.
ONE CONCRETE EXAMPLE: Imagine a 375px wide mobile toolbar with three icons. Using a 16px fixed gap leaves the icons clustered on the left with dead space on the right unless you manually pad the frame or add spacer layers. Using Space between places the first icon at the left edge, the last icon at the right edge, and the center icon exactly in the middle, and all positions update automatically if the toolbar stretches to 414px on a larger device without any manual adjustment.
Read the original → help.figma.com
Get five bites like this every day.
Tezvyn delivers a daily feed of 60-second tech bites with quizzes to lock in what you learn.