Cara Mengekspor GIF Dari Figma

Tautan Perangkat

• Android
• iPhone
• Mac
• Windows
• Perangkat Hilang?

Apakah Anda sedang mencari cara untuk membawa developer dan game desain Anda ke level berikutnya? Figma adalah alat luar biasa yang memungkinkan pengguna membuat prototipe kaya yang diisi dengan efek audio, video, dan animasi. Namun, untuk menguji rasa dan fungsi prototipe dengan benar, Anda harus dapat mengekspornya sebagai GIF dan melihatnya beraksi.

Panduan ini akan menjelaskan bagaimana Anda dapat mengekspor prototipe Figma Anda sebagai GIF menggunakan PC atau perangkat seluler Anda.

Cara Mengekspor ke GIF di Figma di PC

Cara termudah untuk mengekspor GIF animasi dari Figma adalah dengan plugin TinyImage. Sebelum Anda dapat meluncurkan dan menggunakan plugin, Anda harus masuk ke akun Figma Anda dan pergi ke bagian "Komunitas".

Untuk mengunduh plugin:

1. Masukkan "TinyImage" ke dalam kotak pencarian.
   
2. Di bawah bagian "Plugins", temukan ikon "TinyImage Compressor".
   
3. Klik tombol instal di sebelah ikon.
   

Saat Anda menginstal plugin, buka proyek desain yang ingin Anda simpan sebagai GIF. Klik di mana saja pada layar untuk membuka menu drop-down. Pilih "Plugins" dan ketuk "TinyImage Compressor" untuk meluncurkannya.

Berikut cara membuat GIF dengan plugin:

1. Di bagian atas jendela plugin, tekan tombol "Buat GIF".
   
2. Pilih layer pada kanvas Figma Anda. Mereka akan bertindak sebagai bingkai GIF Anda.
   
3. Di bagian bawah jendela TinyImage, ketuk opsi "Use Selected Layers". Anda akan melihat tayangan slide lapisan Anda di tengah jendela sesuai urutan yang Anda pilih.
   
4. Di bawah pratinjau, klik ikon lapisan, lalu seret ke kiri atau kanan untuk mengubah urutannya.
   
5. Ketuk tombol "Mainkan" kecil di bawah tayangan slide untuk menyesuaikan kecepatan pemutaran.
   
6. Di sebelah kontrol waktu tunda, pilih berapa kali GIF akan diulang. Pengaturan default adalah "Tak Terbatas." Klik opsi "Tak Terbatas" untuk menonaktifkannya dan masukkan jumlah loop yang diinginkan di kotak di sebelahnya.
   
7. Sesuaikan ukuran GIF di kolom di bawah opsi waktu tunda dan putaran.
   
8. Jika lapisan Anda memiliki batas transparan, tekan tombol "Latar Belakang Transparan" di bagian bawah jendela untuk membuatnya terlihat di GIF.
   
9. Pilih kualitas gambar GIF di pojok kiri bawah. Yang terbaik adalah mengatur kecepatan sekitar 80 atau 90 untuk mempertahankan semua fitur lapisan Anda.
   
10. Biarkan kontrol "Dithering" disetel ke "No Dithering".
    
11. Ketuk tombol "Ekspor GIF" di bagian atas jendela TinyImage.
    
12. Bingkai akan bergabung dan membentuk GIF dan secara otomatis akan diunduh dan disimpan dalam file unduhan Anda.

Catatan Tentang Layering

Menu drop-down di atas thumbnail layer juga memungkinkan Anda memutar layer dari kiri ke kanan atau dari kanan ke kiri. Namun, untuk lebih mengontrol tampilan akhir GIF, sebaiknya pesan bingkai secara manual.

Catatan Tentang Pemutaran

Tetapkan kecepatan pemutaran default dengan menggerakkan tombol pada garis pengukur waktu. Namun, jika Anda ingin bingkai tertentu memiliki kecepatan pemutaran yang berbeda, Anda dapat melakukannya dengan mengeklik thumbnail dan menyetel kecepatan di kotak di bawahnya.

Cara Mengekspor ke GIF di Figma di Perangkat Seluler

Prototipe Figma sering kali dilengkapi dengan animasi tingkat lanjut seperti tab geser, opsi geser, dan menu tarik-turun. Menyimpannya sebagai GIF akan memudahkan Anda memamerkan desain dalam aksi. Namun, aplikasi seluler hanya memungkinkan pengguna untuk melihat pratinjau prototipe mereka. Meskipun tidak ada dukungan ekspor bawaan, Anda dapat mengatasi masalah ini dengan merekam layar aplikasi dan mengubah video menjadi GIF.

Cara Mengekspor ke GIF di Figma di iPhone

Untuk menyimpan proyek Anda sebagai GIF di iPhone, pertama-tama Anda akan merekam layar aplikasi Figma dan membuat GIF dengan aplikasi Pintasan.

Untuk merekam layar Figma di iPhone:

1. Luncurkan aplikasi seluler Figma dan buka proyek yang ingin Anda ubah menjadi GIF.
2. Masukkan "Pengaturan" dan pilih "Pusat Kontrol."
3. Pilih "Sesuaikan Kontrol" dan ketuk tombol hijau di samping "Perekaman Layar" untuk mengaktifkan fitur.
4. Kembali ke "Pusat Kontrol".
5. Tekan tombol "Perekaman Layar".
6. Klik tombol merah untuk menyelesaikan rekaman.

Rekaman biasanya disimpan di aplikasi Foto Anda.

Periksa apakah iPhone Anda memiliki alat Pintasan yang sudah diinstal sebelumnya untuk mengubah video Anda menjadi GIF. Anda juga dapat mengunduh alat ini dari App Store .

Berikut cara mengubah video menjadi file GIF di iPhone:

1. Buka aplikasi, buka bagian bawah antarmuka, dan pilih kartu "Galeri".
   
2. Ketuk tab "Pintasan Pemula" di bawah menu pencarian.
3. Gulir ke bagian bawah layar dan klik bagian "Buat GIF".
   
4. Tekan tombol "Tambah Pintasan" untuk mengaktifkan pintasan GIF.
   
5. Saat pintasan telah diinstal, kembali ke "Pintasan Saya".
   
6. Ketuk "Buat GIF" dan pilih "OK" untuk menghubungkan aplikasi dan galeri foto Anda.
   
7. Jelajahi video Anda dan pilih video yang akan diubah menjadi GIF.
   
8. Gunakan penggeser untuk memilih bingkai mana yang akan disertakan dalam GIF.
   
9. Ketuk "Simpan" untuk merekam perubahan. File GIF baru Anda akan disimpan di aplikasi foto tablet.
   
10. Klik "Selesai" untuk keluar dari aplikasi Pintasan.
    

Cara Mengekspor ke GIF di Figma di Perangkat Android

Karena aplikasi Figma memungkinkan pengguna mempratinjau prototipe tetapi tidak mengekspornya, Anda akan merekam pratinjau di perangkat Android Anda, mengubah video menjadi GIF nanti.

Berikut cara menyaring rekaman Figma di Android:

1. Luncurkan aplikasi dan buka pratinjau proyek Anda.
2. Gesek dua kali dari atas layar dan pilih "Rekam layar." Jika tidak ada, coba geser ke kanan. Terkadang Anda harus mengetuk ikon "Edit" di bagian atas layar untuk membuka menu tersembunyi. Fitur "Rekam layar" mungkin juga ada di sana.
3. Ketuk pratinjau prototipe untuk menunjukkan bahwa Anda ingin merekamnya.
4. Klik tombol "Mulai". Setelah hitungan mundur selesai, layar akan direkam.
5. Gesek ke bawah dan ketuk kartu "Perekam layar" untuk berhenti merekam.

Video pratinjau Figma akan disimpan di aplikasi foto Android Anda. Anda dapat mengubahnya menjadi GIF dengan aplikasi GIPHY .

Untuk mengonversi video menjadi GIF di perangkat Android:

1. Instal dan luncurkan aplikasi GIPHY di perangkat Anda.
   
2. Daftar dan buat akun GIPHY.
   
3. Tekan tombol "Buat" di kanan atas antarmuka.
   
4. Aktifkan aplikasi untuk mengakses kamera Anda.
   
5. Pilih video dari Galeri Android Anda.
   
6. Sesuaikan durasi video. Aplikasi GIPHY memungkinkan pengguna memasukkan elemen seperti teks dan stiker ke dalam file mereka.
   
7. Klik ikon "Panah" di bagian bawah aplikasi.
   
8. Pilih "Bagikan GIF" dan pilih "Simpan GIF".
   

Ekspor GIF Tanpa Batasan

Apakah Anda seorang pengembang berpengalaman atau desainer amatir, Anda berhak mendapatkan cara yang nyaman untuk menunjukkan karya Anda kepada orang lain dalam bentuk GIF. Anda dapat mempratinjau kreasi Anda di aplikasi Figma, tetapi mengakses desain Anda dapat menjadi tugas yang menantang setelah koneksi internet terputus. Sampai Figma keluar dengan solusi ekspor yang mudah digunakan, Anda dapat mengandalkan metode yang kami paparkan di artikel.

Kami harap panduan ini membantu Anda lebih memahami cara mendapatkan GIF berkualitas tinggi dari kreasi Figma Anda, apa pun perangkat yang Anda gunakan.

Apakah Anda menggunakan Figma versi web atau seluler? Apa cara pilihan Anda untuk mengekspor GIF? Beri tahu kami di bagian komentar di bawah.