PART 9 FIGMA || Auto Layout Figma

 Auto Layout 

            Auto Layout merupakan sebuah frame atau komponen yang bisa menyesuaikan sesuai isi konten didalam frame atau komponen tersebut. Dengan menggunakan auto layout ini kita tidak perlu lagi menyesuaikan antara frame dengan kontennya, frame tersebut dapat berubah secara otomatis sesuai dengan isi kontennya. Dalam contoh disaat kita membuat button dan banyak button yang ingin kita buat tetapi tulisan atau text didalam button tersebut berbeda, jika kita tidak menggunakan auto layout kita harus menyesuaikan panjang button sesuai dengan text atau konten yang ada didalamnya tetapi dengan menggunakan layout kita hanya mengubah textnya saja otomatis button akan mengikuti panjang text atau konten didalamnya.

Langkah-langkah Pengunaan

1. Buka file dan siapkan satu komponen utama (Button)

   • Buka file dengan frame sesuai kebutuhan kalian.
   • buatlah button beserta text
   • 
     
     

2. Ubah text dan backgroud menjadi 1 group

   • Ubah text dan backgroud menjadi 1 group dengan cara select dengan tahan "SHIFT" lalu klik bagian yang kalian ingin menjadi 1 group
   • Klik kanan lalu pilih "Group Selection" atau "CTRL + G"
   • 
     
     

3. Tambahkan Add Layout

• Select kembali menggunakan tahan "SHIFT" lalu klik pada komponen yang kalian buat
• Klik kanan lalu pilih "Add auto layout" atau "SHIFT + A"
• 

            Berikut merupakan agar layout dapat menyesuaikan otomatis dengan konten yang berada didalamnya, dan juga mempercepat dalam perancangan suatu desain.