Apakah Anda ingin mengekspor lapisan, grup, atau bingkai gambar dalam format JPG, PNG, atau SVG, Figma telah membantu Anda.

Tetapi jika Anda tidak yakin bagaimana mengekspor gambar dalam berbagai format atau jenis opsi ekspor apa Anda memilikinya, artikel ini akan memberi Anda beberapa panduan dan tip tentang cara mendapatkan pengalaman Figma yang lebih baik.

Mengekspor ke PNG

Mengekspor gambar dalam format PNG mungkin merupakan pilihan pertama setiap orang. Prosesnya sama, apa pun format yang Anda inginkan – PNG, JPG, SVG, dll.
Pilih gambar.Pilih bagian “Ekspor” di bilah sisi kanan.Klik ikon “+”.Pilih format gambar PNG.Klik tombol “Ekspor gambar”.
Sebelum mengekspor, pastikan Anda menggunakan fitur Pratinjau untuk memastikan Anda memiliki gambar yang benar dan tidak memerlukan modifikasi lebih lanjut.

Ekspor Dipilih ke PNG

Jika Anda ingin mengekspor elemen yang dipilih, prosesnya adalah sebagai langsung saja.
Pilih elemen atau bingkai untuk diekspor.Buka panel "Properties".Gulir ke bawah untuk mencapai bagian "Ekspor".Klik ikon "+".Pilih format gambar PNG.Setel ukuran yang berbeda untuk gambar elemen, jika perlu.Ekspor elemen yang dipilih.
Metode Ekspor PNG Alternatif

Jika Anda memiliki gambar di Figma yang ingin Anda bagikan, mengekspornya dari aplikasi bukanlah satu-satunya metode.

Salah satu fitur terbaik adalah "Salin sebagai PNG" pilihan. Begini cara kerjanya.
Pilih gambar di Figma.Klik kanan gambar untuk membuka menu.Pilih opsi "Salin sebagai PNG". Tempel gambar di aplikasi lain.
Fitur ini memungkinkan Anda menyalin versi PNG dari gambar atau objek yang diinginkan di Figma langsung ke clipboard Anda. Ini akan menjadi versi 1x gambar secara default kecuali objek memiliki pengaturan ekspor yang berbeda.

Untuk membuatnya lebih mudah, Anda dapat menggunakan pintasan keyboard berikut.
“Ctrl + Shift + C” adalah pintasan untuk perangkat Windows“Command + Shift + C” adalah pintasan untuk perangkat Mac
Menggunakan metode ini memberi Anda cara yang lebih cepat untuk membagikan salinan PNG objek di Figma. Namun, mengekspor gambar sebagai PNG menggunakan metode klasik akan memberi Anda kontrol lebih besar atas kualitas gambar.

Ekspor Beberapa Lapisan sebagai Satu PNG

Jika Anda mencoba memilih beberapa lapisan dan mengekspornya dalam format PNG, Anda akan mendapatkan file zip dengan setiap lapisan individu dalam format PNG terpisah.

Meskipun ini bagus untuk membuat beberapa ekspor secara bersamaan, ini tidak membantu pengguna yang membutuhkan semua lapisan digabungkan dalam satu file PNG.

Di sinilah fitur Grup masuk. Anda dapat memilih beberapa lapisan di Figma dan menempatkan mereka dalam kelompok. Kemudian Anda dapat memilih untuk mengekspor grup sebagai file PNG, memberi Anda satu file dengan semua lapisan yang Anda pilih.
Pilih lapisan yang Anda inginkan. Pilih opsi "Grup" dari menu. Pilih grup dan buka bagian "Ekspor" .Klik ikon “+”.Pilih format PNG.Ekspor grup.
Seperti kebanyakan tindakan lain di Figma, ini juga dapat disederhanakan. Misalnya, Anda dapat membuat grup menggunakan pintasan keyboard.
“Ctrl + G” adalah pintasan untuk perangkat Windows“Command + G” adalah pintasan untuk perangkat Mac
Jika Anda tidak puas dengan pemilihan lapisan, tekan "Shift + Ctrl + G” atau “Shift + Command + G” akan memisahkan pilihan Anda.

Menyesuaikan Kualitas Ekspor PNG

Secara default, Figma mendukung file PNG 32-bit dengan model warna RGBA. Ini berguna karena memungkinkan kontrol opasitas atas piksel.

Format PNG sering kali lebih disukai karena kualitas gambar tidak menurun saat aset dikompresi. Ini tidak berarti Anda tidak dapat mengalami masalah. Banyak pengguna Figma mengeluh bahwa kualitas PNG menurun ketika mereka mengunggah foto mereka secara online. Tapi ini belum tentu masalah Figma. Ini sering berkaitan dengan kompresi yang dibuat oleh server yang menangani unggahan Anda.

Ada sesuatu yang dapat Anda lakukan untuk menyesuaikan kualitas sehingga gambar Anda tidak akan terlalu menderita saat dikompresi pada server yang berbeda.
Pilih gambar.Pilih opsi “Ekspor ” di bilah sisi kanan. Klik ikon “+”. Pilih format gambar PNG. Pilih ukuran “2x”. Klik tombol “Ekspor gambar”.
Mengekspor dalam 2x akan menghasilkan PNG dengan resolusi lebih tinggi. Ini akan mengurangi kemungkinan foto Anda menjadi buram atau kehilangan kualitas saat Anda mengunggahnya di platform media sosial.

Jika Anda pengguna yang lebih mahir atau memiliki persyaratan gambar tertentu, jangan ragu untuk menyesuaikan nilai pengganda piksel sebelum mengekspor objek sebagai PNG.

Cara Mengekspor dalam Format Lain Dari Figma

Anda mungkin juga tertarik untuk mengetahui cara cepat mengekspor objek di Figma ke berbagai format file yang dapat Anda simpan di perangkat Anda.

Mengekspor sebagai JPG

Gunakan metode berikut untuk mengekspor lapisan atau bingkai gambar sebagai a JPG file.
Pilih objek di Figma.Klik ikon “+” di bagian “Ekspor”.Pilih format JPG di bawah PNG.Klik tombol “Ekspor” setelah melakukan modifikasi, jika perlu.
Mengekspor sebagai SVG

Mengekspor file dalam format SVG bisa sangat berguna bagi banyak pengguna. Begini caranya.
Pilih satu atau lebih aset dalam file Figma Anda.Buka bagian "Ekspor".Klik ikon "+".Pilih SVG dari daftar.Tekan "Ekspor."
Anda juga dapat melakukannya dengan mengklik ikon format file yang sudah dipilih. Figma mengingat format file terakhir yang Anda ekspor.

Ini berarti Anda dapat mengklik format file yang telah disiapkan untuk membuka menu tarik-turun dan memilih SVG dari sana. Ikon “+” dan tombol format file berdekatan satu sama lain, jadi kedua metode bekerja sama cepatnya.

Mengekspor sebagai PDF

Jika Anda sedang mengerjakan buklet atau presentasi, Anda dapat dengan cepat mengekspor pekerjaan Anda dalam format PDF langsung dari Figma.
Pilih bingkai yang ingin Anda sertakan dalam PDF.Buka bagian "Ekspor". Klik ikon "+". Pilih PDF dari menu tarik-turun. Tekan "Ekspor."
Perhatikan bahwa Figma terkadang tidak memasukkan bingkai Anda dalam urutan yang tepat. Jadi untuk menghindari hal ini, Anda dapat menggunakan kompresor gambar.

Ini adalah alat ramah pemula untuk memperkecil dan mengompresi gambar dari Figma dan mengekspornya ke berbagai format seperti PNG, JPG, PDF, GIF, WebP, dan banyak lagi.

Perangkat Lunak yang Mudah Digunakan

Figma adalah alat desain berbasis web yang cukup sederhana. Jika Anda pernah menggunakan beberapa editor foto sebelumnya, mencari tahu Figma seharusnya tidak sulit.

UI yang sederhana membuat perangkat lunak menjadi intuitif. Selain itu, Anda memiliki kontrol penuh atas kualitas output dengan Figma, memungkinkan Anda untuk mengatur pengganda piksel khusus untuk mencegah kehilangan kualitas selama kompresi di luar situs.

Apakah Anda pernah menggunakan tip Figma ini untuk gambar Anda sendiri? Beri tahu kami bagaimana hasilnya di bagian komentar di bawah.