10 Tips Pro untuk Menggunakan Figma dalam Alur Kerja Anda

Jika Anda menggunakan Figma untuk desain situs web atau aplikasi, logo, atau proyek digital lainnya, kemungkinan Anda selalu mencari cara untuk menjadi lebih cepat dan efisien.

Karena alat ini sangat kuat dan memungkinkan kolaborasi, berbagi, dan penggunaan kembali komponen dan suku cadang, alat ini benar-benar dapat membantu meningkatkan alur kerja Anda.

Berikut adalah 10 tips pro menggunakan Figma untuk membuat alur kerja desain yang lebih cepat dan cerdas.

2 Juta+ Template Grafik Figma & Lainnya Dengan Unduhan Tidak Terbatas

Unduh ribuan templat grafis Figma, kit UI, dan templat web dengan keanggotaan Envato Elements. Mulai dari $16 per bulan, dan memberi Anda akses tak terbatas ke perpustakaan yang berkembang dengan lebih dari 2.000.000 templat Figma, aset desain, grafik, tema, foto, dan banyak lagi.

Jelajahi Figma Template

1. Tambahkan Foto Sampul ke File Figma Anda

https://www.youtube.com/watch?v=/77lx5dTaXS0

Ini mungkin peningkatan alur kerja termudah dalam daftar: Tambahkan foto sampul ke file Figma Anda. Trik sederhana ini akan membantu Anda tetap teratur dan melihat proyek secara visual lebih cepat.

Foto sampul atau gambar mini ini akan menunjukkan apa file tersebut untuk pengenalan cepat untuk semua orang di tim Anda. Anda dapat menggunakan bingkai apa pun dan itu menetapkan harapan apa yang ada di file, daripada papan default yang tidak memberikan banyak informasi visual.

Sebagai aturan umum, ukuran thumbnail atau gambar sampul adalah 1600 x 960. Ada juga pilihan untuk menggunakan plugin/file cover preset dari template frame Figma Community di sidebar kanan.

2. Buat Gaya untuk Semuanya

https://www.youtube.com/watch?v=/gtQ_A3imzsg

Anda dapat membuat gaya di Figma yang merupakan bagian dari palet untuk desain dan membuatnya lebih mudah untuk melakukan pekerjaan yang konsisten di seluruh file.

Anda ingin membuat gaya untuk komponen seperti teks, efek, goresan, dan warna. Alasannya sederhana: Jika Anda berubah pikiran tentang rona atau ukuran tombol atau garis guratan, Anda dapat mengubah semuanya sekaligus menggunakan branding gaya.

Penguat alur kerja bonus: Gaya juga dapat membantu memastikan bahwa tim dan proyek Anda tetap pada merek.

3. Gunakan Matematika Sederhana

Berhenti mengubah ukuran elemen secara manual dan menebak ukuran. Gunakan opsi Math di inspektur dan lakukan dengan lebih tepat. Plus, Anda akan menghemat waktu!

4. Gunakan Set Komponen Dasar

https://www.youtube.com/watch?v=/4b6hBZPe-Z4

Dengan menggunakan komponen dasar, pada dasarnya Anda akan membuat gaya untuk elemen antarmuka pengguna dan bagian desain yang dapat disesuaikan bersama.

Dimulai dengan membuat komponen dasar untuk semua varian dari elemen yang sama dengan semua opsi yang mungkin Anda perlukan. Pikirkan sebuah tombol, misalnya, Anda ingin memiliki opsi untuk warna yang berbeda, dengan atau tanpa ikon, status melayang, dll.

Manfaatnya di sini adalah ketika Anda mendorong perubahan ke komponen dasar apa pun, itu juga akan berlaku untuk semua varian. (Jadi ini sangat mirip dengan gaya tetapi dapat menyertakan lebih banyak opsi.)

5. Atur Ulang Nudge Default ke Grid Anda

https://www.youtube.com/watch?v=/UEmSQy2GDL0

Apakah Anda menyukai dorongan default di Figma? Atau apakah Anda menemukan diri Anda menggunakannya dan kemudian menyesuaikan lagi?

Anda benar-benar dapat mengubah default itu agar sesuai dengan kisi atau nilai umum Anda.

Default Figma adalah 10 piksel. Banyak orang lebih suka dorongan 8 atau 12 piksel.

Ubah dengan masuk ke Menu, lalu Preferences, lalu Nudge Amount. Kemudian gunakan dengan pintasan keyboard Shift + Directional Arrow.

6. Coba Penskalaan Sempurna Piksel

https://www.youtube.com/watch?v=/LHY9cm_2zwU

Desain digital telah membuat sebagian dari kita cukup terikat pada kesempurnaan piksel. Itu juga bisa membuat kemacetan alur kerja.

7. Gunakan Tata Letak Otomatis untuk Semuanya

https://www.youtube.com/watch?v=/9K3r6ApcoD8

Tata letak otomatis tidak membuat Anda malas. Itu membuat alur kerja Anda lebih cerdas.

Tata letak otomatis Figma bekerja pada bingkai baru atau kosong, bingkai dengan konten yang ada, komponen dan set komponen, dan grup atau pilihan lapisan dan/atau objek lainnya.

Manfaat utama tata letak otomatis adalah membantu Anda mendesain lebih konsisten. Tata letak otomatis juga dapat membantu Anda mendesain dengan mempertimbangkan skalabilitas yang lebih baik.

8. Sertakan Diagram Alur Pengguna

https://www.youtube.com/watch?v=/cvYhuowazh0

Jika Anda ingin orang lain dapat memahami desain dan fungsionalitas Anda, diagram alir sangat penting. Mereka menjadi lebih penting saat file desain bertambah atau tim Anda berkembang.

Untuk memastikan interaction yang tepat terjadi, buat konektor yang menghubungkan layar desain dengan notasi. (Anda juga dapat menyalin dan menempel.)

Kolaborator proyek Anda akan berterima kasih.

9. Atur Semuanya

https://www.youtube.com/watch?v=/hV-do16z6SU

File proyek Figma bisa menjadi besar dan mungkin ada banyak layar dan informasi untuk disortir. Ini menjadikan kunci organisasi sehingga Anda dan tim Anda tidak tersesat dalam semua elemen desain.

Pertimbangkan untuk mengatur file sehingga semua komponen utama berada di halamannya sendiri dalam file desain, di luar desain utama. Dengan begitu Anda selalu dapat kembali ke “sumber asli” ini untuk komponen atau gaya dan membuat perubahan desain universal.

Bawa konsistensi itu melalui header halaman untuk elemen sehingga semuanya dirancang dan diatur dalam paket yang rapi. File desain Anda akan terlihat sebagus desain itu sendiri!

10. Gunakan Komponen Master dan Template Berbasis Komponen

Komponen adalah tulang punggung pengerjaan proyek desain di Figma. Anda ingin membuat komponen master yang dapat diulang di beberapa layar. (Tidak ada lagi menciptakan kembali roda di sini!)

Anda dapat meningkatkan alur kerja Anda dengan menempatkan komponen master yang paling sering digunakan di luar area kerja dalam file untuk memudahkan seret dan lepas di seluruh desain.

Kemudian Anda ingin membuat templat berbasis komponen yang juga dapat Anda gunakan kembali untuk alur kerja yang dipercepat. Ini bisa sangat membantu untuk komponen berulang seperti posting blog atau elemen jenis kartu lainnya.

Kesimpulan

Apakah Anda memiliki tips pro Figma lainnya yang harus ada dalam daftar ini? Beri tahu kami di media sosial. Jangan ragu untuk menandai @carriecousin dan @designshack di Twitter.

Leave a Comment

Your email address will not be published. Required fields are marked *

Shopping Cart
Select your currency
Scroll to Top