Tips Figma pada Kanvas

Kezz Bracey Nov 1, 2018

Read Time: 2 min

Indonesian (Bahasa Indonesia) translation by Nur Muhammad Zain (you can also view the original English article)

Selamat datang di tips dan trik Figma! Kali ini kita akan melihat pada lima hal untuk membantu Anda ketika Anda bekerja langsung di kanvas Figma.

Tonton Tips

1. Menavigasi Lapisan Bertingkat

Anda dapat menavigasi lapisan bertingkat dalam dokumen Figma dengan menahan tombol CTRL atau CMD (tergantung platform Anda) kemudian klik kanan pada halaman. Anda akan medapatkan pop up menu konten kecil dengan daftar dari semua objek bertingkat di bawah item yang Anda telah klik. Klik pada objek yang Anda ingin guna memilihnya. Mudah!

Navigate Nested Layers in Figma — Menu konteks

2. Pindahkan Kotak Pilihan Selama Pemilihan

Ketika Anda menggambar kotak pilihan untuk mencoba dan mengambil banyak item, jika Anda menahan tombol SPACE Anda sebenarnya dapat memindahkan daerah pemilihan. Hal ini membuat lebih mudah untuk lebih spesifik tentang apa yang Anda pilih.

Moving Figmas selection area with the SPACE bar — Memindahkan area pilihan Figma dengan tombol SPACE

3. Presisi Zooming

Anda dapat zoom in dan out dari halaman di Figma seperti yang dapat Anda lakukan dengan banyak aplikasi; tahan tombol CTRL atau CMD dan tekan tombol + atau -, tapi Anda dapat menambahkan beberapa presisi pada proses juga. Pergi ke dan aktifkan Main Menu > Preferences > Keyboard Zooms into Selection.

Setelah selesai, pilihlah sebuah obyek, lalu tekan CTRL atau CMD dan +, dan Anda akan zoom langsung ke item yang dipilih.

4. Zoom Langsung ke sebuah Objek

Cara lain untuk zoom langsung ke dalam objek yaitu dengan klik dua kali pada ikon di panel lapisan.

5. "Dorongan" Geser Sekitar Kanvas

Figma membolehkan Anda untuk melakukan yang disebut dengan "nudge panning". Tahan tombol z dan tekan tombol arah untuk melakukan dorongan kecil sekitar kanvas. Untuk dorongan yang lebih besar tahan SHIFT + Z lalu tekan tombol arah.

Sumber Belajar Figma

Itu adalah lima tips untuk bekerja dengan kanvas Figma, pelajari lebih banyak dengan seri kursus kami:

Hat tip kepada Carmel DeAmicis dan Valerie Veteto untuk roundups tips reguler komunitas —pergi dan periksalah!
blog.figma.com
www.figma.com

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

Finance Mobile App Template UI Kit — Template Kit UI Aplikasi Seluler Keuangan

Figma

Did you find this post useful?

Yes No

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.

Kezz Bracey

Hi there. I'm a designer & coder who works in the areas of web design / development, game development and digital art. In the web space I'm a front end all rounder but I have a particular specialization in theme creation, no matter the platform. I also love finding the latest most efficient, user focused design and dev techniques of the day. In game development I'm addicted to playing with every different engine, toolset and framework I can find. In digital art I love everything from painting to vector work to pixel art to 3D modelling. In short, if it's creative and you can make it digitally, I love it.

Looking for something to help kick start your next project?

Envato Market has a range of items for sale to help get you started.