Advertisement
  1. Web Design
  2. Figma

Kiat-kiat dalam Penggunaan Properties di Figma

Scroll to top
Read Time: 2 min
This post is part of a series called Figma Tips and Tricks.
Figma Project, Page & Artboard Tips
Figma Image Tips

Indonesian (Bahasa Indonesia) translation by Sela Sinta (you can also view the original English article)

Di Figma objek-objek dapat memiliki berbagai properties yang diterapkan padanya. Pada bagian dari tips  dan tricks Figma ini, kita akan mencari cara terbaik untuk bekerja dengan properties, lebih baik dan lebih cepat!

Tonton Tipsnya

1. Salin Satu atau Beberapa Properties Antar Objek

Di Figma Anda dapat menyalin (copy) semua properties dari suatu objek, atau Anda dapat menyalinnya satu per satu. Untuk menyalin semua properti yang dimiliki objek: pilih objek tersebut, lalu menuju ke Edit > Copy Properties, atau gunakan shortcut (CTRL atau CMD) + ALT + C, lalu pilih objek baru Anda dan buka Edit > Paste Properties atau tekan (CTRL atau CMD) + ALT + V.

Untuk menyalin hanya satu properties yang diterapkan ke sebuah objek: pilih objek tersebut, lalu meunu ke panel Properties dan klik hanya di sebelah kiri property (seperti Fill). Tindakan ini akan memilih satu property, sehingga Anda dapat menekan (CTRL atau CMD) + C untuk menyalin. (CTRL atau CMD) + V akan mem-paste property itu ke objek yang dipilih.

Memegang SHIFT sementara memilih property individual akan memungkinkan Anda untuk menentukan secara pasti mana yang ingin Anda copy.

Copy all properties in FigmaCopy all properties in FigmaCopy all properties in Figma

2. Menghaluskan Bagian Sudut dengan “Squircles”

Anda dapat mengontrol bagaimana sudut dibulatkan dengan menggunakan sesuatu yang dikenal sebagai "squircles". Pada objek dengan sudut membulat, klik pada opsi Independent Corners di panel properties untuk mengontrol setiap sudut secara independen, kemudian di samping nilai radius, tekan ikon menu untuk membuka slider Corner Smoothing. Mengubah nilai ini akan mengubah bagaimana kurva dihitung, memberikan efek penghalusan sudut yang berbeda.

Smooth Out Corners With Squircles in FigmaSmooth Out Corners With Squircles in FigmaSmooth Out Corners With Squircles in Figma

3. Toggle Italic, Underline, dan Bold

Sama seperti yang Anda lakukan dalam aplikasi word processing, Anda dapat menggunakan shortcut  untuk beralih ke italic (CTRL atau CMD) + i, underline (CTRL atau CMD) + u, dan bold (CTRL atau CMD) + b saat objek teks dipilih.

Toggle Italic Underline and BoldToggle Italic Underline and BoldToggle Italic Underline and Bold

4. Scrub Value

Daripada mengetikkan nilai secara langsung, Anda dapat menggeser tepat pada nilai tersebut pada bagian setting dengan menahan ALT atau OPTION (tergantung pada platform Anda), lalu menyeret ke kiri atau kanan di field tersebut.

Scrub Values in FigmaScrub Values in FigmaScrub Values in Figma

5. Nilai Warna Nudge

Anda dapat memperhalus nilai-nilai color picker (atau field) dengan menekan tombol panah atas atau bawah. Nudge dengan kenaikan nilai yang lebih besar dapat dilakukan dengan menahan SHIFT pada saat yang bersamaan.

Cara perubahan warna tergantung pada bagian kode HEX yang dipilih; salah satu dari tiga pasangan nilai, atau seluruh kode.

Nudge Color Values in FigmaNudge Color Values in FigmaNudge Color Values in Figma

Sumber-sumber untuk Belajar Figma

Itulah beberapa kiat cepat untuk bekerja dengan banyak project, page, dan artboard di Figma. Untuk membantu Anda membawa banyak hal ke tingkat berikutnya, kami memiliki serangkaian kursus Figma di Tuts+:

Kit UI yang digunakan dalam tutorial ini sepenuhnya kompatibel dengan Figma dan tersedia dari Envato Elements:

Market Dashboard SalesMarket Dashboard SalesMarket Dashboard Sales
Market Dashboard Sales
First Order UIUX ToolFirst Order UIUX ToolFirst Order UIUX Tool
First Order UI/UX Tool
Instagram Posts PackInstagram Posts PackInstagram Posts Pack
Instagram Posts Pack
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.