Tutorial Auto Layout Button Di Figma!

Mei 08, 2021

Mungkin sebagian dari kita ada yang tau dan ada yang baru tau dengan Auto Layout ini,

Jadi Auto Layout ini adalah salah satu fitur pada Figma yang di mana fitur ini diterapkan untuk membuat frame dan isinya menjadi dinamis

Nah kali ini kita akan coba belajar membuat Button Auto Layout pada Figma, yuk simak..

1. Pertama kita buat frame terlebih dahulu, kamu bisa tekan F pada keyboard lalu atur sesuai yang kamu inginkan.

2. Atur roundednya supaya melengkung seperti ini

3. Klik framenya, lalu klik "Add Layout +" pada sidebar sebelah kanan

4. Setelah diklik akan tampil menu berikut, atur seperti ini

5. Lalu kembali ke framenya dan masukkan text, kamu bisa tekan "T" pada keyboard lalu klik framenya

6. Tambahkan icon

7. Atur space antara text dan icon menjadi 70 (sesuaikan)

8. Dan tadaaa, Button Auto Layout kamu siap dimasukkan ke Desain UI mu 😎. kamu bisa coba ganti textnya, dan ukuran buttonnya akan menyesuaikan.

Nah gimana guys, mudah bukan?

Dengan fitur ini membuat pekerjaan kamu pun menjadi lebih efisiean, karena ga perlu lagi tuh ganti text terus harus atur-atur lagi ukuran framenya.

CSharpmuel