Figma adalah alat desain pembangkit tenaga listrik dan merupakan pilihan pertama sebagian besar desainer UX/UI sebagai program desain. Anda dapat membuat banyak hal dalam Figma, dan ini adalah program yang mudah dipelajari.
Sebagai desainer, kita sering ingin menghemat waktu, jadi kita menghabiskan waktu kita yang berharga untuk membuat karya yang bagus daripada menjelajahi menu. Kami menyusun daftar pintasan Figma berguna yang akan merampingkan alur kerja Anda.
Pintasan satu tombol sederhana ini adalah cara cepat untuk menskalakan item Anda. Tekan K kunci, lalu pilih objek yang perlu Anda ubah ukurannya. Yang perlu Anda lakukan hanyalah mengklik dan menyeret satu titik jangkar dan objek Anda tetap dalam skala sambil mengubah ukurannya menjadi apa pun yang Anda inginkan.
Alat Bingkai adalah alat yang banyak digunakan di Figma saat membuat beberapa papan bingkai untuk desain prototipe. Memukul
F pada keyboard Anda menampilkan alat dalam satu ketukan, memungkinkan Anda untuk menggambar atau mengukur bingkai Anda dengan cepat.Anda dapat menggambar bingkai secara langsung dengan mengeklik dan menarik kursor, atau setelah alat Bingkai dipilih, Anda dapat mengetikkan ukuran yang diinginkan ke dalam kotak dimensi pada menu bingkai di sebelah kanan.
3. Beralih Antara Mode Desain dan Prototipe
Itu Menggeser + e pintasan memungkinkan Anda beralih antara mode Desain dan mode Prototipe. Pintasan yang sama berfungsi terlepas dari mode mana Anda memulai dan beralih ke. Lihat kami panduan pemula untuk Figma untuk mempelajari perbedaan antara mode ini.
Alternatifnya, ada pintasan yang lebih spesifik untuk tujuan ini. Alt (Jendela) / Pilihan (Mak) + 8 dapat digunakan untuk beralih dari mode Prototipe ke mode Desain, sementara Alt (Jendela) / Pilihan (Mak) + 9 beralih dari mode Desain kembali ke mode Prototipe. Jelas sekali, Menggeser + e lebih mudah, tetapi senang memiliki opsi.
4. Pilih Elemen Terdalam dalam Satu Klik (Deep Select)
Saat mendesain dalam beberapa lapisan atau dengan gambar tersemat, akan sulit untuk memilih satu elemen dengan cepat. Untuk menghemat waktu mengklik apa yang terasa seperti belasan kali untuk memilih lapisan paling bawah Anda, gunakan pintasan ini.
Di Mac, tahan Cmd + Klik elemen, dan di Windows, Ctrl + Klik. Satu kunci sederhana menghemat beberapa menit klik tanpa berpikir untuk memilih elemen lapisan bawah.
5. Pindah Tingkat Setelah Memilih Elemen Terdalam
Setelah Anda berhasil memilih elemen terdalam dari desain Anda, Anda mungkin menyadari bahwa Anda ingin memilih elemen satu tingkat lebih dekat—mudah. Setelah Anda menemukan elemen terdalam, tekan Menggeser + Memasuki untuk mundur satu tingkat. Anda dapat melakukan ini untuk semua level.
6. Ciutkan Semua Lapisan
Saat mendesain di Figma, panel layer Anda akan mulai melebar dan berpotensi terlihat sedikit berantakan, terutama saat Anda mengonversi HTML ke desain Figma. Untuk menciutkan lapisan Anda, cukup tekan Alt + L (Jendela) atau Pilihan + L (Mac).
Jika Anda memiliki elemen yang dipilih saat menggunakan pintasan ini, lapisan dengan elemen tersebut akan tetap terbuka. Pilih di mana saja dari artboard untuk membatalkan pilihan semua elemen dan gunakan pintasan untuk menciutkan semua lapisan.
7. Tampilkan atau Sembunyikan Kisi Tata Letak
Menggunakan kisi tata letak adalah cara terbaik untuk memastikan desain Anda mencapai proporsi tertentu dan dapat diskalakan dengan benar untuk berbagai perangkat. Meskipun sangat membantu, Anda tidak selalu ingin kisi ditampilkan.
Mengaktifkan dan menonaktifkan kisi tata letak berbeda di Mac daripada di Windows. Di Mac, tekan Ctrl + G untuk mengaktifkan atau menonaktifkannya. Jika Anda menggunakan Windows, ini adalah pintasan tiga tombol; Ctrl + Menggeser + 4. Mereka berbeda, tetapi mereka melakukan hal yang sama.
8. Tempatkan Banyak Foto Sekaligus
Jika Anda telah mendesain tata letak dengan bentuk placeholder yang siap untuk gambar Anda, menyisipkan gambar satu per satu bisa membuat frustrasi. Pintasan ini memungkinkan Anda menempatkan banyak foto dan cukup memilih placeholder—atau di mana saja di artboard Anda—untuk menempatkan setiap foto.
Untuk pengguna Mac, tekan Cmd + Menggeser + K untuk menarik jendela dialog untuk menemukan gambar Anda. Di Windows, itu Ctrl + Menggeser + K bagi Anda untuk menemukan dan menempatkan banyak foto dalam desain Figma Anda. Jika kamu buat template master di Figma, ini adalah jalan pintas yang bagus untuk digunakan.
9. Salin Gambar Apapun sebagai PNG
Saat menggunakan gambar dalam desain Figma Anda, Anda mungkin memiliki bermacam-macam format file, tetapi mungkin klien Anda memerlukan PNG. Anda dapat menyalin gambar apa pun sebagai PNG, apa pun format asalnya.
Pilih gambar yang Anda pilih dan tekan Cmd + Menggeser + C di Mac dan Ctrl + Menggeser + C di Windows untuk menyalinnya sebagai PNG. Anda dapat dengan mudah menggunakan pintasan ini untuk memastikan format gambar berstandar tinggi, terutama jika memang demikian membuat presentasi dengan Figma.
10. Eyedrop Warna Dari Mana Saja
Eyedropping warna adalah fitur praktis saat Anda mengambil warna dari satu bagian desain ke bagian lainnya. Pintasan keyboard cepat ini memungkinkan Anda menarik eyedropper dalam sekejap dan mencarikan warna dari mana saja di artboard Anda.
Di Mac, tekan Ctrl + C, dan di Windows itu adalah kunci huruf SAYA. Setelah Anda menekan pintasan keyboard, pindahkan target pipet ke warna yang ingin Anda gunakan, dan klik sekali untuk mengganti warna.
11. Buka Tab Sumber Daya
Tab Sumber Daya adalah rumah bagi menu Komponen, Plugin, dan Widget. Meskipun tidak ada pintasan untuk membuka menu tersebut satu per satu, pintasan Sumber Daya masih menghemat waktu: Menggeser + SAYA. Kamu bisa gunakan plugin untuk membuat dan menambahkan maket ke desain Figma Anda.
Hemat Waktu Dengan Pintasan Figma
Desainer biasanya menggunakan jalan pintas dalam pekerjaan mereka untuk menghemat waktu dan energi, dan bekerja di Figma juga demikian. Pintasan Figma ini hanya menggores permukaan pintasan yang dapat Anda gunakan dalam program.
Pintasan ini tidak jelas atau mudah ditemukan, jadi bawa pembelajaran baru Anda ke Figma dan nikmati informasi yang dibutuhkan banyak desainer selama berbulan-bulan atau bertahun-tahun untuk mencari tahu.