Figma’da Auto Layout moslashuvchan (responsive) dizaynlarni yaratish uchun eng muhim vositadir. Bu funksiya kontent o‘zgarganda yoki elementlar qo‘shilganda, olib tashlanganda vaqtni tejash va qo‘lda joylashtirishni bartaraf etish imkonini beradi.  

Auto Layout — bu freymlarga qo'llaniladigan xususiyat bo'lib, uning ichidagi elementlarni (child layers) avtomatik ravishda yo‘nalish (gorizontal yoki vertikal), oraliq (spacing), to‘ldirish (padding) va hizalanish (alignment) asosida tartibga soladi.  

Asosiy mahoratlar:

1. Tezkor Qo‘llash: Bir yoki bir nechta qatlamni tanlang va Shift + A tugmasini bosing.  

2. Hajmni O‘zgartirish Xususiyatlari (Resizing): Auto Layout ichidagi elementlarning o‘zini qanday tutishini belgilash uchun Fixed, Fill container va Hug contents xususiyatlaridan foydalanish lozim. Masalan, matn qatlami Fill container ga o‘rnatilsa, u ota freymning kengligini to‘ldiradi va boshqa elementlarni itaradi, bu esa moslashuvchan navigatsiya panellari yoki tablitsa qatorlarini yaratish uchun ideal. Agar freymning o‘zi Hug contents ga o‘rnatilsa, u ichidagi kontentga qarab o‘z hajmini o‘zgartiradi, bu tugmalar uchun juda qulay.  

3. Padding va Spacing: Padding ota freym va uning ichidagi element orasidagi bo‘shliqni belgilaydi. Bu qiymatlarni alohida yoki barcha tomonlarga bir xil tarzda qo‘llash mumkin.  

Xulosa: Auto Layoutni o‘zlashtirish dizaynerning samaradorligini keskin oshiradi. Dizayn komponentlari endi o‘zgarishlarga tez moslashadi, bu esa loyihaning tezkor yetkazilishini ta'minlaydi.