Kiat-kiat untuk Project, Page & Artboard di Figma

() translation by (you can also view the original English article)

Selamat datang di dalam seri tips Figma kami berikutnya! Kali ini kita akan meningkatkan cara Anda bekerja dengan projects, pages, and artboards di Figma.

Tonton Tipsnya

1. Customize Gambar Thumbnail Project

Sangat mungkin untuk membuat thumbnail project custom yang akan muncul di area draf dasbor Anda. Pastikan bahwa page pertama dokumen Anda hanya memiliki satu frame 620x320px, kemudian isi frame itu dengan konten apa pun yang Anda inginkan sebagai thumbnail Anda.

2. Keyboard Shortcut untuk Menavigasi Antar Page

Menavigasi antar halaman (page) dengan keyboard shortcut membuat semuanya lebih cepat. Pada Mac OS gunakan fn + tombol panah atas atau bawah, dan pada Windows atau Linux gunakan PageUp atau PageDown.

Keyboard Shortcuts to Navigate Between Pages

3. Keyboard Shortcut untuk Bernavigasi di Antara Artboards

Suatu hal yang juga dimungkinkan untuk menavigasi antara artboard menggunakan keyboard. Pada Mac OS gunakan fn + tombol panah kiri atau kanan, dan pada Windows atau Linux gunakan Home atau End.

Keyboard Shortcuts to Navigate Between Artboards

4. Menavigasi dan Zoom Antar Artboard

Secara default, saat Anda menavigasi antara artboard Anda dengan keyboard shortcut mereka akan tetap pada tingkat zoom yang sama. Namun, dengan menekan n atau SHIFT + n, Anda akan bernavigasi ke kiri atau kanan secara berurutan, sambil memperbesar keseluruhan artboard secara otomatis.

5. Tingkatkan Visibilitas Batas Artboard

Ketika Anda memiliki artboard dengan warna backround yang sama dengan dokumen Anda secara keseluruhan, akan sulit untuk melihat di mana tepi frame Anda. Dengan asumsi artboard Anda sebenarnya adalah frame paling atas, untuk mengatasinya, masuk ke menu View dan aktifkan Frame Outline.

Border visibility in Figma — Di sini Anda dapat melihat artboard "Features" memiliki bingkai yang terlihat

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+:

Terimakasih banyak kepada Carmel DeAmicis dan Valerie Veteto untuk ringkasan tips komunitas reguler mereka — buka dan lihatlah!
blog.figma.com
www.figma.com

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

First Order UIUX Tool — First Order UI/UX Tool