Untuk membuat tombol menjadi interaktif, kami akan menambahkan cincin fokus.
- Duplikat Button Container dan beri nama Button Focus Ring .
- Pastikan cincin fokus berada di bawah wadah tombol di panel lapisan.
- Hapus isi cincin fokus, dan tambahkan goresan hitam di dalam dengan ketebalan 4 piksel.
- Kami juga menginginkan celah 4 piksel antara wadah tombol dan cincin fokus di keempat sisinya, jadi kami akan menambahkan +16 pada lebar dan tingginya.
- Pilih dan ratakan tengah label, wadah tombol, dan cincin fokus.
Beginilah tampilan tombol kita, dalam bentuknya yang paling sederhana, dalam keadaan fokus.
- Pilih ketiga elemen (label, wadah tombol, cincin fokus), klik kanan, dan pilih "Buat Komponen".
- Ganti nama komponen Button/Primitive/Default .
- Tombol = Jenis Komponen
- Primitif = Variasi
- Bawaan = Negara
Ini adalah tombol primitif kami. Itu tidak akan muncul di desain akhir kita, tapi itu akan bertindak sebagai fondasi yang akan digunakan oleh semua variasi tombol kita. Keuntungan? Jika kita perlu mendesain ulang tombol kita di masa depan, kita hanya perlu mengedit di satu tempat.
Nantikan pada Next Step dalam Tutorial Mini – Bekerja dengan Komponen Tombol Figma
Minggu Depan Dengan Judul : Membuat Kisi Tata Letak Tombol Pada Figma
