Cara Menggunakan Rumus Boolean di Figma

Cara Menggunakan Rumus Boolean di Figma

Figma dikenal sebagai salah satu program terbaik untuk desainer grafis di seluruh dunia. Fitur-fiturnya komprehensif, membantu pengguna membuat apa pun mulai dari logo yang menarik hingga halaman arahan yang unik. Khususnya, fitur Boolean (juga bagian dari pembaruan properti komponen pada tahun 2002) memungkinkan Anda mencapai bentuk khusus dengan menggabungkan lapisannya melalui beberapa rumus.

Di sini Anda akan mempelajari cara menggunakan fitur Boolean di desain berikutnya.

Opsi Rumus Boolean untuk Bentuk Khusus

Sebelum membuat bentuk khusus, Anda harus mengetahui cara kerja rumus Boolean dan apa yang dicapainya. Setiap kali Anda membuat grup Boolean, grup tersebut akan dihitung sebagai satu lapisan bentuk dengan properti isian dan guratan.

Anda dapat menemukan ikon Boolean dengan dua kotak yang saling bertumpuk di bilah atas antarmuka Anda. Anda akan memiliki empat opsi rumus dari menu tarik-turun saat Anda mengekliknya.

Opsi rumus ini mencakup:

Pemilihan Gabungan – Opsi ini mengubah bentuk yang Anda pilih menjadi grup Boolean. Saat menggunakan Union, jalur sub bentuk terluar akan membentuk kerangka bentuk kustom baru. Namun, ini tidak akan menyertakan segmen dalam yang tumpang tindih. Kurangi Seleksi – Mengingat opsi ini adalah kebalikan dari pemilihan gabungan, sangatlah membantu. Ini menghilangkan seluruh area bentuk dari bentuk dasar. Ini hanya menyisakan lapisan bawah yang terlihat. Seleksi Perpotongan – Dengan pemilihan perpotongan, pengguna dapat membuat bentuk khusus yang hanya terdiri dari segmen yang tumpang tindih dari bentuk atau sub-lapisan asli. Kecualikan Seleksi – Fungsi pengecualian adalah kebalikan dari opsi grup perpotongan Boolean. Menggunakannya akan memberi Anda bentuk khusus dari bagian yang tidak tumpang tindih dari bentuk asli.

Ingatlah bahwa Anda harus memilih dua atau lebih bentuk sebelum Anda dapat menggunakan opsi Boolean dari menu atas secara efektif. Hal ini karena Boolean hanya menggabungkan beberapa lapisan bentuk menjadi satu bentuk khusus dan kompleks.

Menggunakan Properti Swap Instance Figma

Saat Figma mengumumkan pembaruan properti komponen pada tahun 2022, pilihan Boolean adalah hanya satu dari beberapa fitur baru yang tersedia. Inti dari pembaruan komponen adalah untuk membantu Anda membuat template variasi secara efektif daripada menggali opsi-opsi yang tidak biasa.

Meskipun Boolean adalah bagian penting dari hal ini, pengguna juga dapat menggunakan instance menukar properti. Berikut cara melakukannya:

Pilih elemen desain Anda.
Navigasi ke menu pertukaran instance di sisi kanan antarmuka dan klik di atasnya. Ikonnya berbentuk berlian dengan panah di atasnya.
Beri nama pada properti, seperti “icon”pada menu pop-up, dan tetapkan nilainya dengan tanda centang, misalnya.
Pilih “Buat properti.”Figma kemudian akan menandai properti komponen tempat menu swap awalnya berada.
Buat salinan desain Anda dengan memilihnya dan menggunakan perintah CTRL + C. Kemudian, atur instance secara berdampingan.
Pilih ikon baru dari menu properti komponen yang ditandai dengan mengkliknya. Ini secara otomatis akan mengubah elemen pada instance.

Fungsi pertukaran instance mengutamakan kenyamanan. Dengan menggunakan opsi swap instance, Anda akan menyederhanakan proses desain sambil dengan cepat mengganti variasi (instance) secara berdampingan.

Menggunakan Opsi Properti Teks untuk Perubahan Instance yang Mudah

Misalnya Anda sedang merancang tombol ajakan bertindak untuk laman landas. Anda memiliki dua variasi secara berdampingan, dan Anda telah menggunakan properti pertukaran instance untuk melihat ikon yang berbeda. Namun, susunan kata adalah elemen lain yang perlu dipertimbangkan.

Biasanya, Anda perlu mengacak bagian lapisan untuk menyelesaikan prosesnya. Dengan properti komponen teks, Anda dapat melihat dan mengubahnya di sidebar. Berikut cara menggunakan fitur properti teks untuk keuntungan Anda:

Pilih elemen teks pada desain Anda.
Beri nama elemen Anda seperti “teks”dan nilai “tombol”sebelum mengeklik “Buat properti.”
Anda kemudian dapat mengubah teks dan bereksperimen dengan kata-kata untuk ajakan bertindak Anda.

Properti text mudah digunakan bersama instance opsi swap dan Boolean.

Cara Menggunakan Properti Varian di Figma

Dengan pembaruan komponen baru di Figma, Anda dapat membuat beberapa varian dan mengontrol semuanya dari sidebar kanan. akan membantu Anda mengubah teks dan menukar ikon dengan lebih efisien. Anda juga dapat mengontrol aspek lain dari desain varian Anda. Mari kita lihat cara melakukannya:

Pilih desain Anda dan klik “Tambahkan varian”di bilah atas. Tahan di kiri, klik desain Anda, dan seret varian tepat di sebelahnya.
Anda akan melihat bagaimana properti varian kedua akan muncul di sidebar kanan. Beri label ulang properti menjadi “button”dan nilai di sebelahnya menjadi “merah.”
Properti ini sekarang akan memberi label pada varian Anda. Jika Anda memilih desain asli, Anda akan melihat nilainya diubah kembali ke “default.”

FAQ

Dapatkah saya membuat logo menggunakan Boolean pilihan?

Secara teknis, properti Boolean memungkinkan Anda menggabungkan beberapa bentuk menggunakan jalurnya. Meskipun ini bisa menjadi cara untuk membuat logo sederhana, pilihannya terbatas pada bentuk sederhana seperti elips. Sebagai gantinya, gunakan pena alat untuk hal-hal seperti pembuatan logo adalah yang terbaik. Anda masih dapat menggunakan pembaruan komponen lainnya untuk mempermudah proses pelapisan.

Dapatkah saya mengubah font menggunakan opsi properti komponen teks?

Sayangnya tidak. Properti komponen teks memungkinkan Anda mengubah teks, bukan font. Namun, Anda masih dapat memilih teks dan menemukan font yang sesuai melalui sidebar kanan.

Apa saja contoh desain yang saya gunakan? harus menggunakan properti komponen di atas?

Anda tidak perlu menggunakan properti komponen untuk varian. Namun, ini membuat proses desain menjadi lebih mudah dan cepat. Contohnya adalah tombol yang memerlukan warna berbeda, terutama serupa hanya dengan satu perubahan komponen, atau variasi bentuk laman landas kecil. Mereka juga berguna untuk membuat dua desain dan memilih yang terbaik.

Sederhanakan Proses Desain Anda Dengan Properti Komponen di Figma

Dengan opsi seperti Boolean, Anda dapat membuat bentuk kustom baru dari kombinasi dari yang lama. Ini dilakukan melalui sidebar atas dengan empat pilihan rumus. Ini termasuk menggabungkan, mengurangi, memotong, dan mengecualikan. Demikian pula, Anda dapat menggunakan opsi properti komponen lainnya, seperti properti teks dan pertukaran instan. Melakukannya memudahkan pembuatan varian dengan komponen berbeda. Pada akhirnya, penggunaan properti komponen membantu menyederhanakan proses desain.

Bentuk kompleks apa yang Anda buat menggunakan opsi Boolean? Apakah menurut Anda opsi properti komponen juga mudah digunakan? Beri tahu kami di bagian komentar di bawah.

Penafian: Beberapa halaman di situs ini mungkin menyertakan tautan afiliasi. Hal ini tidak mempengaruhi editorial kami dengan cara apa pun.

Kirim Ke Seseorang

Perangkat Hilang