Tips Gambar Figma | Envato Tuts+

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

Figma menawarkan berbagai cara pintas dan kontrol untuk mengimpor gambar, menempatkannya di kanvas, dan memodifikasinya setelah berada di posisinya. Mari lihat!

Tonton Tips

1. Gunakan Pengaturan Isi pada Gambar ke Ukuran Kontrol

Saat Anda menjatuhkan gambar ke Figma, sebenarnya sebuah persegi panjang dibuat, lalu gambar disetel sebagai isi latar belakang persegi panjang itu. Untuk mengubah cara gambar itu ditampilkan, buka properti isi persegi panjang di panel Properti.

Sama seperti cara kita mengontrol bagaimana gambar latar belakang ditampilkan melalui CSS, di sini kita dapat menyatakan bahwa gambar seharusnya

Isi: gambar tanaman secara horizontal atau vertikal sehingga benar-benar mengisi objek.
Fit: semua gambar terlihat, yang sering meninggalkan area persegi panjang yang tidak terisi.
Crop: dimana gambar sebenarnya membentang dengan ukuran persegi panjang.
Tile: ubin gambar untuk menutupi persegi panjang. Ukuran ubin dapat diubah melalui satu set pegangan ukuran sekunder.

Use Fill Settings on Images to Control Size — Menggunakan properti isi Figma untuk mengubah cara gambar ditampilkan

2. Impor Seluruh Set Gambar

Untuk mengimpor seluruh rangkaian gambar, Anda dapat menyeret dan menjatuhkan folder ke kanvas Figma, kemudian semua gambar akan diimpor secara otomatis untuk Anda.

3. Impor dan Tempatkan Banyak Gambar

Agar gambar impor batch lebih terorganisir, pertama-tama siapkan beberapa frame di mana Anda ingin menampilkan gambar Anda, lalu tekan (CMD atau CTRL) + SHIFT + K, klik di suatu tempat pada kanvas untuk memulai proses, lalu pilih semua yang diperlukan gambar di pemilih file yang muncul.

Anda kemudian dapat mengklik pada kanvas, sekali untuk setiap gambar, menempatkan mereka tepat di mana Anda inginkan saat Anda pergi. Pada screenshot di bawah ini Anda akan melihat dari kursor mouse yang masih ada dua gambar untuk ditempatkan.

Import and Place Multiple Images with Figma — Dua gambar tersisa ke tempatnya ..

Sumber Belajar Figma

Itu adalah beberapa kiat cepat untuk bekerja dengan gambar di Figma. Untuk membantu Anda membawa hal-hal ke tingkat berikutnya, kami memiliki serangkaian kursus Figma di Tuts +:

Kiat topi ke Carmel DeAmicis dan Valerie Veteto untuk ringkasan kiat komunitas biasa mereka — pergi dan lihat mereka!
blog.figma.com
www.figma.com