What is an Auto-Layout

An Auto-Layout is nothing but an advanced Frame. It builds upon the features of a Frame, but in a much more structured, automated, and intelligent manner.

via GIPHY

They are especially helpful in creating lists of items, responsive components, which we will see in later versions of this series, responsive texts, and various other use cases

---

Let’s break down some of the advanced features of Auto Layout you should use in your designs.

https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExdGt5MGFwMHUxNGVlbXFjaDZkN3o2c2k2NWw4a28zZmV2OWc3Ymg0ZSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/xTk9ZUVhb3pe9h0Aes/giphy.gif

1 → Orientation / Direction Controls

2 → Consistent spacing / Rearrangement

3 → Padding / Gap Controls

4 → Alignment

5 → Prototyping Features