Login Upload
Ui4free UI Kit Fixed aspect ratio in Figma Auto Layout

Fixed aspect ratio in Figma Auto Layout

love btn
2022-11-16 14:18:00 Post in category

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:

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.

Add a new comment

Post comment


  • Author: Vitalii
  • File name: ...
  • Version: ...
  • Total page: ...
  • Last modified: ...
  • Licensed under CC BY 4.0

Similar Ui templates

View more