11 Pintasan Keyboard Figma Teratas untuk Windows dan Mac

11 Pintasan Keyboard Figma Teratas untuk Windows dan Mac:

Figma telah mendapatkan daya tarik di ruang desain. Perangkat lunak sketsa sebagian besar mendominasi industri desain UI/UX.

Namun penawaran terbaru dari Adobe (Adobe XD) dan Figma dengan harga yang fleksibel, berbagi tanpa hambatan, dan ketersediaan lintas platform mengubah persamaan bagi perancang UI/UX di luar sana.

Ketersediaan Figma di Web, Windows, dan macOS, ditambah dengan paket Pemula yang luar biasa (3 Proyek dan 2 Editor), menjadikannya pilihan ideal untuk merancang, membuat prototipe, dan menguasai keterampilan desain UI.

Perusahaan baru-baru ini memperkenalkan dukungan Plugin yang sangat ditunggu-tunggu untuknya. Jika Anda baru mengenal ruang desain UI/UX dan memulai perjalanan Anda dengan Figma, maka Anda mungkin ingin mengingat banyak pintasan keyboard Figma yang penting untuk Windows dan Mac.

Dalam posting ini, kami akan membahas sebelas pintasan keyboard Figma terbaik yang dapat Anda gunakan di PC Windows dan Mac. Mari kita mulai.

Kunjungi Gambar

1. Kemampuan Zoom Utama

Anda tidak dapat menggunakan Figma atau perangkat lunak desain UI/UX apa pun tanpa menguasai pintasan keyboard Zoom.

Ini akan menjadi pintasan keyboard yang paling sering digunakan selama alur kerja Anda.

Untuk Windows dan Mac, Anda dapat menggunakan Shift + 1 untuk menyesuaikan lapisan dengan layar.

Shift + 2 untuk Memperbesar bingkai yang dipilih (pintasan keyboard yang paling sering saya gunakan karena memungkinkan saya melihat detail komponen yang dipilih dengan cepat), dan Shift + 0 untuk Memperbesar 100%.

2. Tampilkan/Sembunyikan Rulers dan Show/Hide Layout Grids

Saya biasanya tidak menggunakan Penggaris di Figma, tetapi jika Anda berencana untuk menggunakannya selama desain UI, Anda dapat menggunakan pintasan keyboard Shift + R di PC atau Mac untuk menampilkan/menyembunyikan penggaris.

Saya menggunakan Layout Grids sepanjang waktu. Ini memungkinkan Anda mengatur komponen, ikon dengan jarak yang sama, memungkinkan Anda mengatur teks dan elemen lainnya.

Gunakan pintasan keyboard Control + G di Mac untuk menampilkan/menyembunyikan kisi tata letak.

3. Pena, Pindahkan, dan Alat Teks

Figma menawarkan alat Pena yang kuat dan dapat disesuaikan.

Anda akan mengerti maksud saya setelah Anda memainkannya selama beberapa menit. Selama alur kerja desain Anda, Anda akan cukup sering menggunakan ketiga alat ini.

Anda selalu dapat memilihnya dari menu atas atau menggunakan penekanan tombol P untuk Pen, V untuk Pindah, dan alat T untuk Teks di Windows dan Mac.

4. Bergerak Antara Lapisan dan Komponen

Kedua pintasan keyboard ini cukup berguna saat Anda mengerjakan proyek desain dengan terlalu banyak lapisan dan komponen.

Anda mungkin perlu berpindah di antara mereka terus-menerus. Anda dapat menggunakan Option + 1 untuk Mac atau Alt + 1 untuk Windows untuk berpindah ke panel lapisan.

Kemudian gunakan Option + 2 untuk Mac atau Alt + 2 untuk Windows untuk masuk ke menu Komponen.

5. Buka Pemilih Warna

Fungsi ini berguna saat Anda ingin mengekstrak warna dari gambar atau ikon atau komponen lainnya.

Anda dapat menggunakan pintasan keyboard ‘Saya’ di Mac atau Windows untuk membuka pemilih warna. Arahkan pemilih warna ke atas gambar atau ikon dan salin kode warna dari menu pemilih warna.

6. Salin/Tempel Gaya Saat Ini

Yang ini benar-benar penghemat waktu.

Ingin dengan cepat menyalin warna/desain komponen saat ini ke teks atau ikon lain? Anda dapat memilih elemen saat ini dan menggunakan Option + Command + C untuk Mac atau Ctrl + Shift + C untuk Windows untuk menyalin gayanya. Sekarang pilih elemen lain dan gunakan Option + Command + V untuk Mac atau Ctrl + Shift + V untuk Windows untuk menempelkan gaya.

7.

Pemilihan Grup/Ungroup

Pengelompokan dan pemisahan merupakan salah satu bagian terpenting dari setiap perangkat lunak desain. Setelah menambahkan bentuk, ikon, teks, Anda mungkin ingin mengelompokkannya untuk memindahkan atau memodifikasinya dengan mudah.

Anda dapat memilih elemen dan menggunakan Command + G untuk Mac atau Ctrl + G untuk Windows untuk membuat grup.

Untuk memisahkannya, gunakan Command + Shift + G untuk Mac atau Ctrl + Shift + G untuk Windows.

8.

Alihkan Kunci dan Buka Kunci

Saat Anda membuat desain dengan terlalu banyak lapisan dan komponen, kanvas Figma mungkin menjadi sangat sibuk untuk Anda. Dalam skenario ini, Anda tidak ingin memindahkan ikon, teks, atau komponen apa pun secara tidak sengaja.

Dalam kasus seperti itu, Anda dapat memilih elemen dan menggunakan Command + Shift + L untuk Mac atau Ctrl + Shift + L untuk Windows untuk menguncinya.

Itu diwakili oleh ikon kunci kecil di menu Layers.

Untuk membuka kunci, gunakan pintasan keyboard yang sama.

9. Buat Komponen

Komponen adalah jantung dan jiwa dari pengalaman Figma.

Anda mungkin ingin menggunakan kembali elemen yang sama di seluruh UI desain. Beberapa contoh dapat berupa menu hamburger, menu bilah bawah, tombol, dll., yang juga ingin Anda gunakan kembali untuk layar lain.

Anda dapat mengelompokkan ikon dan teks menggunakan alat Grup dan kemudian menggunakan Option + Command + K untuk Mac atau Ctrl + Alt + K untuk Windows untuk membuat komponen. Sekarang, akses dari menu Komponen (Periksa #4).

10.

Tampilkan Perpustakaan Tim

Apakah Anda tahu Figma juga disebut sebagai Google Docs dari industri desain? Perangkat lunak ini dilengkapi dengan opsi berbagi tanpa batas yang memungkinkan Anda menambahkan editor ke tim.

Untuk proyek besar, setiap anggota tim diberikan tugas terpisah untuk desain.

Saat membuat desain dalam grup, Anda mungkin ingin mengunjungi pustaka Tim, yang berisi komponen dan ikon umum di antara anggota. Anda dapat membuka menu dengan menggunakan Command + Option + O di Mac atau Ctrl + Alt + O di Windows untuk membuka menu perpustakaan tim.

11.

Desain Ekspor

Setelah menyelesaikan desain, Anda mungkin ingin menggunakan opsi ekspor untuk mengekstrak ikon dan gambar dari desain sehingga Anda dapat mengirimkannya ke pengembang untuk menerapkannya. Anda dapat memilih layer dan menggunakan Command + Shift + E untuk Mac atau Control + Shift + E untuk Windows untuk mengekspor detailnya.

Gunakan Figma Seperti Pro

Figma adalah alat yang sangat baik untuk desainer UI/UX. Ini gratis untuk pemula, memungkinkan berbagi, dan dilengkapi dengan banyak pintasan keyboard untuk mengaktifkan alur kerja yang lancar.

Terapkan pintasan keyboard ini ke alur kerja Anda dan buat desain UI yang indah seperti profesional. Selanjutnya: Canva dan Crello adalah dua alat desain terbaik untuk membuat poster dan selebaran.

Baca perbandingan di bawah ini untuk menemukan pilihan yang lebih baik untuk Anda.