Tips Layout Figma | Envato Tuts+

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

Ketika bekerja dengan layout di Figma (yang akan sering) Anda akan perlu untuk merasa nyaman dengan ukuran, pengukuran, spasi, keselarasan, dan masking. Berikut adalah lima tips untuk membantu Anda keluar!

Tonton Tips

1. Bentuk Miring Untuk Mengubah Ukuran Isometrik Mudah

Jika Anda bekerja dengan ilustrasi isometrik dalam Figma, ada cara yang bagus untuk mengubah bentuk dan membantu mengubah ukuran berbagai hal secara lebih intuitif. Untuk melakukannya, ambil objek (misalnya, persegi) dan putar 45 ° - tahan SHIFT dan seret sudut untuk secara bertahap memutarnya.

Untuk menekan persegi ini, Anda harus mengelompokkannya (dengan sendirinya), mengatur ulang kotak batas secara efektif dalam proses. Sekarang ketika Anda memilihnya, Anda akan bisa meratakannya pada sumbu X dan Y.

Untuk mengubah dimensi sementara tetap setia pada garis isometriknya, hapus grup itu, lalu ubah ukurannya dengan handles.

2. Tata Letak Kolom

Anda dapat dengan cepat menghasilkan tata letak kolom dengan menggunakan gertakan dan distribusi. Misalnya, pasang dua kotak ke sisi artboard, lalu dorong masing-masing sedikit ke dalam. Tambahkan beberapa bentuk lain di antara mereka, lalu pilih seluruh lot dan buka Menu Main menu > Arrange > Distribute Horizontal Spacing. Bingo! Layout kolom yang sempurna untuk bekerja.

3. Menghapus Spasi Antar Item

Dimungkinkan untuk dengan cepat menghapus semua ruang antara serangkaian objek. Pilih objek yang dimaksud, lalu buka Main menu > Arrange > Pack Horizontal untuk menyingkirkan semua ruang horizontal. Hal yang sama juga dimungkinkan secara vertikal, dengan masuk ke Main menu > Arrange > Pack Vertical.

Gabungkan opsi-opsi ini dengan alignment tool untuk membantu Anda membuat tata letak berbasis baris dan kolom.

4. Buat Alignment Ekstra Tepat

Anda bisa mendapatkan bantuan dengan menyelaraskan objek dengan tepat dengan memastikan rulers dihidupkan (SHIFT + R) dan kemudian ketika Anda memindahkan bentuk di sekitar Anda akan melihat lebar dan tingginya diwakili dalam rulers.

Make Alignment Extra Precise with rulers in Figma — Lihat pembuat biru itu di rulers?

5. Membuat Masks dengan Cepat

Untuk membuat mask dengan sangat cepat di Figma, klik kanan objek dan pilih Use Mask. Namun, perlu diketahui bahwa Anda memerlukan objek masking untuk dikelompokkan dengan objek yang ingin Anda maskingkan.

Sumber Belajar Figma

Kiat-kiat itu seharusnya membantu Anda dalam tata letak di Figma, tetapi untuk membawa hal-hal ke tingkat berikutnya, kami memiliki serangkaian kursus mendalam tentang Tuts +:

Kiat tip untuk Carmel DeAmicis dan Valerie Veteto untuk pengumpulan tips komunitas reguler mereka — pergi dan periksa!
blog.figma.com
www.figma.com