Figma Figma Auto Layout 1 — Questions and Answers
Question 1: What keyboard shortcut adds Auto Layout to a selected frame or group in Figma?
- Shift+A (Correct answer)
- Ctrl+Shift+A
- Alt+A
- Ctrl+A
Correct answer: Shift+A
Pressing Shift+A applies Auto Layout to the selected frame, group, or set of objects instantly.
Question 2: In Figma Auto Layout, what does 'Hug contents' mean for a frame's width or height?
- The frame uses a fixed pixel size
- The frame resizes to wrap tightly around its children (Correct answer)
- The frame fills available space in its parent
- The frame ignores its children's sizes
Correct answer: The frame resizes to wrap tightly around its children
'Hug contents' makes the frame's dimension shrink or grow to fit exactly around its child elements.
Question 3: Which Auto Layout direction stacks child elements side by side horizontally in Figma?
- Vertical
- Horizontal (Correct answer)
- Wrap
- Grid
Correct answer: Horizontal
Setting the Auto Layout direction to Horizontal arranges child elements in a row from left to right.
Question 4: What does 'Fill container' do to a child element inside a Figma Auto Layout frame?
- Fixes the child at its current size
- Makes the child expand to fill all available space in the Auto Layout direction (Correct answer)
- Hides the child element
- Converts the child into a component
Correct answer: Makes the child expand to fill all available space in the Auto Layout direction
'Fill container' causes the child to stretch to occupy the remaining space within the Auto Layout frame along its primary axis.
Question 5: In Figma Auto Layout, what is 'gap' referring to?
- Padding inside the frame
- Space between child elements (Correct answer)
- The border width of the frame
- Distance from the canvas edge
Correct answer: Space between child elements
Gap controls the spacing between individual child elements within an Auto Layout frame.
Question 6: What does 'Auto' spacing (formerly 'Space between') do in Figma Auto Layout?
- Sets equal padding on all sides
- Distributes children evenly to fill all available space (Correct answer)
- Removes all spacing between items
- Locks item positions
Correct answer: Distributes children evenly to fill all available space
'Auto' spacing distributes child elements evenly, pushing them to fill all available space within the Auto Layout frame.
Figma Figma Auto Layout 1
What keyboard shortcut adds Auto Layout to a selected frame or group in Figma?