Fixed aspect ratio in Figma Auto Layout

Change the width of Auto Layout component keeping the aspect ratio of its child element. It's perfect for card components, thumbnail images, video frames etc.

Currently available ratios: 1:1, 5:4, 4:3, 3:2, 16:10, 1.618:1 (golden ratio), 16:9, 2:1, 21:9, A4 and Letter paper — all in landscape and portrait orientation. Even more added: each ratio has a 50% height pair (was needed for vertical centering of nested elements in previous versions of Auto Layout).

Components are fully customizable — You don't need to detach instances to nest your own elements.

More details of how it works in these articles:

• Figma components with a fixed aspect ratio elements
• Figma Auto Layout: objects on top of the fixed aspect ratio elements
• Fixed aspect ratio in Figma: vertical resizing

Updated with Auto Layout 4.0

• Component properties reduced the number of variants by 8 times;
• Absolute positioning reduced the complexity of layer structure.

Vertical resizing

• Added preview for vertical resizing to the Playground page.