Figma adalah salah satu alat desain UI/UX yang populer digunakan oleh para desainer profesional. Dalam proses desain, sering kali kita perlu mengeksport berbagai elemen, seperti ikon atau layout, ke format PNG untuk digunakan dalam proyek. Artikel ini akan menjelaskan secara komprehensif cara mengekspor ke PNG di Figma.
1. Mengeksplor Format PNG di Figma:
Mengapa harus menggunakan format PNG? Format ini sering kali dipilih karena dapat menyimpan gambar dengan kualitas tinggi dan transparansi yang cukup baik. Hal ini diperlukan ketika kita ingin menggabungkan elemen desain dengan latar belakang yang berbeda saat mempublikasikan atau menjelaskan proyek kita kepada orang lain.
Dalam Figma, langkah pertama adalah memastikan bahwa Anda berada pada halaman kerja atau frame yang ingin Anda eksport ke format PNG. Setelah itu, Anda dapat memilih opsi File di bagian atas jendela aplikasi dan pilih Export. Berikutnya, klik pada tautan ‘Export’ untuk melihat pilihan format file ekspor.
2. Menyesuaikan Pengaturan Ekspor:
Saat Anda mengklik ‘Export’, panel samping akan terbuka di sebelah kanan layar dengan semua pengaturan ekspor. Di sini, Anda dapat mengubah nama file ekspor dan memilih direktori tempat file disimpan.
Selain itu, ada beberapa opsi pengaturan yang dapat Anda sesuaikan sesuai kebutuhan proyek Anda. Misalnya, Anda dapat memilih format ekspor, seperti PNG atau JPG. Anda juga bisa memilih ukuran ekspor, seperti 1x untuk ukuran asli atau 2x untuk skala dua kali lebih besar. Opsi pengaturan lainnya termasuk memilih apakah ingin mengaktifkan transparansi latar belakang atau mengompres gambar agar ukurannya lebih kecil.
3. Mengeksport dengan Klik Tersimpan:
Figma memiliki fitur yang berguna yang disebut Tersimpan. Fitur ini memungkinkan Anda mengekspor kembali elemen yang telah diekspor sebelumnya dengan pengaturan yang sama, tanpa harus mengulangi langkah-langkah pengaturan export.
Untuk menggunakan fitur ini, buka panel samping Export lagi dan pilih Simpan. Setelah itu, Anda akan melihat daftar elemen yang telah diekspor sebelumnya dan dapat mengekspornya lagi dengan sekali klik. Ini sangat berguna ketika Anda perlu memperbarui gambar dan ingin mempertahankan pengaturan ekspor yang sama.
Penutup:
Mengekspor ke format PNG di Figma cukup sederhana tetapi penting. Dalam artikel ini, kita telah membahas langkah-langkah dasar untuk mengeksport ke PNG di Figma dan juga menjelaskan beberapa opsi pengaturan yang dapat disesuaikan sesuai kebutuhan proyek Anda.
Dengan pemahaman mendalam tentang cara menggunakan Figma untuk mengeksport ke PNG, Anda dapat meningkatkan efisiensi desain dan komunikasi dalam pekerjaan UI/UX Anda. Itu juga akan membantu Anda berbagi elemen desain dengan tim atau klien Anda dengan cara yang lebih profesional dan efektif.
