Figma Figma Auto Layout 2

Question 1

What is 'padding' in a Figma Auto Layout frame?

Accepted Answer

Internal spacing between the frame's edges and its child elements

Answer

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?

Accepted Answer

Children flow horizontally and wrap to a new row when they exceed the frame width

Answer

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?

Accepted Answer

Top Left

Answer

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?

Accepted Answer

The frame automatically resizes to accommodate the new item

Answer

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?

Accepted Answer

The child is excluded from the Auto Layout flow and positioned freely

Answer

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.

Figma Practice Test

Figma Practice Test

Figma Figma Auto Layout 2