Cara Mengekspor Dari Figma (Ke PDF, PNG + Lainnya)

Figma berdiri sebagai titan dalam desain digital untuk fitur kolaborasi dan penggunaan intuitifnya. Namun saat desainer harus berbagi karya lintas platform atau dengan berbagai pemangku kepentingan, mengekspor desain ke format seperti PSD, PNG, dan lainnya menjadi penting.

Mari jelajahi cara mengekspor desain Figma Anda ke format populer ini. Apakah Anda memindahkan desain Anda ke Photoshop atau berbagi PNG berkualitas tinggi dengan klien, panduan ini akan menunjukkan cara mengonversi karya Anda tanpa kehilangan kualitas desain. Bersiaplah untuk memactionmalkan utilitas proyek Figma Anda.

Kencangkan sabuk pengaman dan bersiaplah untuk mengeluarkan potensi penuh dari kreasi Figma Anda!

Memahami Mengekspor Figma

Figma menyediakan berbagai opsi ekspor, memungkinkan Anda memilih format dan pengaturan yang sesuai untuk kasus penggunaan khusus Anda. Baik Anda mengekspor aset untuk pengembangan, membagikan desain Anda dengan klien, atau membuat dokumentasi desain, Figma siap membantu Anda. Berikut ini ikhtisar singkat tentang aspek utama ekspor dari Figma:

1. Format file: Figma mendukung ekspor dalam format PNG, JPEG, SVG, dan PDF, melayani berbagai tujuan dan persyaratan.
2. Pengaturan ekspor: Sesuaikan ekspor Anda dengan menyesuaikan pengaturan seperti resolusi, kualitas, dan skala.
3. Pengeksporan massal: Ekspor beberapa objek atau bingkai sekaligus untuk menghemat waktu dan merampingkan alur kerja Anda.
4. Aset yang dapat diekspor: Tandai lapisan atau komponen tertentu sebagai dapat diekspor, membuatnya mudah ditemukan dan diekspor nanti.

Sekarang setelah Anda memiliki pemahaman dasar tentang ekspor Figma, mari selami proses ekspor desain Anda.

Mengekspor dari Figma

Ikuti langkah-langkah ini untuk mengekspor desain Anda dari Figma:

1. Pilih Objek atau Bingkai untuk Diekspor

Klik objek, lapisan, atau bingkai yang ingin Anda ekspor di kanvas atau panel lapisan. Untuk memilih beberapa objek atau bingkai, tahan tombol Shift dan klik setiap item.

2. Buka Panel Ekspor

Dengan memilih objek atau bingkai yang Anda inginkan, buka panel Ekspor dengan mengeklik tab “Ekspor” di panel sebelah kanan antarmuka Figma.

3. Pilih Format dan Pengaturan File

Di panel Ekspor, klik tombol “+” untuk menambahkan pengaturan ekspor. Pilih format file yang diinginkan dari menu dropdown:

1. PNG: Format raster lossless yang cocok untuk sebagian besar aset desain dan elemen antarmuka pengguna.
2. JPEG: Format raster lossy paling cocok untuk foto dan gambar dengan gradien atau warna kompleks.
3. SVG: Format vektor ideal untuk logo, ikon, dan ilustrasi, memastikan hasil yang tajam pada resolusi layar apa pun.
4. PDF: Format serbaguna yang sempurna untuk berbagi desain dengan klien, membuat dokumentasi desain, atau mengekspor desain multi-halaman.

Sesuaikan pengaturan ekspor Anda sesuai kebutuhan:

1. Skala: Sesuaikan skala ekspor untuk membuat aset beresolusi lebih tinggi atau ukuran file yang lebih kecil.
2. Kualitas: Untuk ekspor JPEG, atur kualitas gambar antara 0-100 untuk menyeimbangkan ukuran file dan kualitas gambar.
3. Sertakan atribut ‘id’: Untuk ekspor SVG, pilih apakah akan menyertakan atribut ‘id’ untuk lapisan dan grup.
4. Garis besar teks: Untuk ekspor SVG dan PDF, pilih untuk menguraikan teks guna memastikan perenderan font yang akurat, bahkan jika penampil tidak memasang font tersebut.

4. Ekspor Desain Anda

Klik tombol “Ekspor” di sebelah pengaturan ekspor yang Anda pilih untuk menyimpan desain Anda dalam format dan lokasi yang ditentukan. Anda juga dapat mengeklik ikon elipsis (…) di samping tombol Ekspor untuk mengakses opsi ekspor tambahan, seperti mengekspor semua aset sekaligus, mengekspor hanya format yang dipilih, atau mengekspor ke folder tertentu.

Tips Mengekspor dari Figma

Untuk memactionmalkan fitur pengeksporan Figma, ingatlah kiat-kiat ini:

1. Pilih format file yang tepat: Pilih format file yang sesuai berdasarkan kebutuhan Anda, memastikan keseimbangan terbaik antara kualitas gambar dan ukuran file.
2. Tandai aset sebagai dapat diekspor: Jika Anda memiliki lapisan atau komponen tertentu yang harus diekspor secara teratur, tandai sebagai dapat diekspor di panel Desain. Ini memudahkan untuk menemukan dan mengekspor aset ini nanti.
3. Gunakan irisan untuk ekspor yang tepat: Buat irisan untuk menentukan area yang tepat dari desain yang ingin Anda ekspor, memastikan Anda mendapatkan hasil yang sempurna setiap saat.
4. Optimalkan ekspor SVG Anda: Saat mengekspor SVG, pertimbangkan untuk mengoptimalkannya menggunakan alat seperti SVGO atau SVGOMG untuk mengurangi ukuran file dan meningkatkan kinerja.
5. Berkolaborasi dengan pengembang: Bagikan file Figma Anda dengan pengembang dan beri mereka akses untuk mengekspor aset secara langsung, menyederhanakan proses penyerahan dan memastikan semua orang tetap selaras.

Dengan mengikuti langkah-langkah dan tips ini, Anda dapat mengekspor desain Anda secara efisien dari Figma dalam berbagai format file yang sesuai dengan kebutuhan spesifik Anda. Fitur pengeksporan Figma yang kuat dan ramah pengguna menjadikannya pilihan ideal bagi desainer yang ingin merampingkan alur kerja mereka dan berkolaborasi secara efektif dengan klien dan rekan tim.