Berikut ini merupakan cara melakukan pembagian Kisi Tata Letak Tombol pada Figma :
- Pilih Button/Primitive/Default , buka panel desain, dan klik ikon "+" di samping "Layout Grid".
- Kemudian, klik ikon kisi, pilih "Kolom", dan masukkan nilai berikut:
- Jumlah Kolom = 1
- Lebar = Otomatis
- Talang = 0
- Tipe = Peregangan
- "Margin" menyediakan padding di dalam wadah tombol.
- Ingat, kita membutuhkan padding kiri dan kanan 24 piksel.
- Kita juga perlu mempertimbangkan batas tebal 4 piksel dan celah 4 piksel pada cincin fokus kita.
- Artinya kita memerlukan margin sebesar 32 piksel.
- Dengan penambahan margin, Anda akan melihat area indikator merah yang menunjukkan bantalan bagian dalam wadah tombol dan pas dengan lebar label.
Sekarang kita harus menambahkan batasan tata letak pada setiap elemen tombol kita.
- Pilih ketiga lapisan dalam komponen, buka "Batasan", dan sematkan ke "Kiri & Kanan" dan "Tengah".
- Pada tahap ini, Anda dapat memilih komponen dan menyeretnya ke lebar apa pun yang Anda inginkan. Anda akan melihat bahwa tata letaknya berfungsi persis seperti yang dirancang.
- Jika Anda membuat lebar tombol lebih pendek dari label, Anda akan melihat bahwa label terpecah menjadi baris lain.
Pelajari Langkah Selanjutnya Link Di Bawah
https://forum.technosstudio.com/d/260-menyesuaikan-lebar-tombol-untuk-panjang-teks-pada-figma
