Figma Figma Auto Layout 2 — Questions and Answers
Question 1: What is 'padding' in a Figma Auto Layout frame?
- The gap between two frames on the canvas
- Internal spacing between the frame's edges and its child elements (Correct answer)
- A style applied to text layers
- The margin outside the frame
Correct answer: Internal spacing between the frame's edges and its child elements
Padding defines the internal space between an Auto Layout frame's border and the child elements it contains.
Question 2: How does 'Wrap' direction work in Figma Auto Layout?
- It rotates children 90 degrees
- Children flow horizontally and wrap to a new row when they exceed the frame width (Correct answer)
- It reverses the order of children
- It stacks children diagonally
Correct answer: Children flow horizontally and wrap to a new row when they exceed the frame width
Wrap mode lays children out horizontally and automatically wraps them onto new rows when the row runs out of space, similar to CSS flexbox wrap.
Question 3: Which alignment option in Figma Auto Layout aligns children to the top-left of the frame?
- Center Center
- Top Left (Correct answer)
- Bottom Right
- Baseline
Correct answer: Top Left
The nine-point alignment grid in Auto Layout's Design panel lets you choose Top Left to pin all children to that corner.
Question 4: In Figma, what happens when you add a new item to an Auto Layout frame?
- You must manually resize the frame
- The frame automatically resizes to accommodate the new item (Correct answer)
- The new item is placed outside the frame
- Auto Layout is disabled
Correct answer: The frame automatically resizes to accommodate the new item
Auto Layout frames automatically reflow and resize when items are added or removed, maintaining defined gaps and padding.
Question 5: What does 'absolute position' mean for a child layer inside a Figma Auto Layout frame?
- The child is locked to the canvas origin
- The child is excluded from the Auto Layout flow and positioned freely (Correct answer)
- The child is fixed to the frame's center
- The child cannot be moved
Correct answer: The child is excluded from the Auto Layout flow and positioned freely
Enabling absolute position on a child layer removes it from the Auto Layout flow, allowing it to be placed freely overlapping other elements like a floating badge.
Question 6: Which Figma Auto Layout property controls the order in which children are stacked on the Z-axis when they overlap?
- Gap setting
- Canvas stacking order shown in the Layers panel (Correct answer)
- Padding setting
- Alignment grid
Correct answer: Canvas stacking order shown in the Layers panel
The Z-axis stacking order for Auto Layout children is determined by their order in the Layers panel — items higher in the list appear on top.
Figma Figma Auto Layout 2
What is 'padding' in a Figma Auto Layout frame?