Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. Figma
Webdesign

Tips Gambar Figma

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Figma Tips and Tricks.
Figma Properties Tips
Figma Vector Tips

Indonesian (Bahasa Indonesia) translation by Ridho Aulia (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.

Import Whole Sets of Images in Figma

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

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.