Ada banyak tools desain dan prototipe yang sudah tersedia, dan yang baru di rilis setiap hari. Beberapa contoh dari tahun ini saja termasuk: InVision Studio , Framer X , persP , dan Lunacy. Pengguna Windows di biarkan menggunakan tools yang rumit, mereka sementara pengguna Mac menikmati kekuatan tools yang luar biasa seperti Sketch, Principle, dan Framer.

Hal Ini perlahan-lahan telah berubah dalam beberapa tahun terakhir dengan semakin banyak tools yang keluar yang mendukung Windows, atau berbasis browser. Dua dari tools tersebut adalah Figma dan Adobe XD, dari kedua software genius tersebut pasti ada pro dan kontranya, maka dari itu yuk simak penjelasannya!

Biaya

Figma dan Adobe XD sama-sama bebas mengakses paket “starter” mereka. Yang ini agak sulit untuk dinilai karena mereka memiliki paket harga berbeda dengan fitur berbeda. Adobe XD juga memiliki paket terpisah untuk individu vs. bisnis. Misalnya, Rencana Tim Figma memungkinkan Anda memiliki perpustakaan bersama, proyek tak terbatas, riwayat versi tak terbatas, dll. Sebagian besar fitur ini tidak ada untuk Adobe XD.

• Harga Figma mulai dari gratis, menjadi $ 12/15 USD per orang untuk paket tim (berdasarkan lama langganan), hingga $ 45 per orang untuk paket perusahaan.

• Harga XD berubah dari gratis menjadi $ 9,99 untuk tingkat individu. Untuk paket bisnis, mulai dari gratis menjadi $ 22,99.

Jadi Pemenangnya: Adobe XD. Ada terlalu banyak variabel untuk dipertimbangkan. Apakah Anda akan menggunakannya sebagai tim? Sebagai seorang individu? Dalam suatu perusahaan? Apakah Anda pemilik suite Adobe CC? Pemenang di sini akan bergantung pada kasus per kasus. Saya akan memberikannya ke Adobe XD karena lebih murah untuk individu.

Performa

Baik Figma dan Adobe XD sangat cepat.

Kolaborasi

Seberapa mudah kolaborasi? – antara desainer, developer, atau tim lainnya.

• Figma menawarkan kolaborasi real-time yang sebenarnya, mirip dengan Google Docs. Anda dapat membagikan tautan dengan siapa pun yang terlibat dalam proyek dan mengerjakannya pada saat yang bersamaan. Tautan ini akan memberi Anda kendali penuh atau sebagian atas proyek Anda berdasarkan izin. Ini memungkinkan perancang, developer, dan pemangku kepentingan lainnya untuk masuk dan memeriksa status desain, mendapatkan spesifikasi, atau bahkan desain bersama.

• Adobe XD saat ini tidak menawarkan kolaborasi realtime. Artinya kolaborasi itu terbatas dalam arti Anda harus berlangganan Adobe XD secara pro untuk menikmati fitur ini. Anda harus menyimpan, lalu menyerahkan file Anda kepada orang lain agar mereka dapat mengerjakannya. Anda dapat membagikan spesifikasi dan tautan prototipe, tetapi harus memperbaruinya setiap kali Anda membuat perubahan.

Jadi Pemenangnya: Figma . Figma menawarkan kolaborasi realtime. Adobe XD telah menjanjikan fitur ini sejak November 2016 , namun masih belum ada kabar. Fitur ini membuat bekerja dengan orang lain lebih mudah. Hal ini tentunya pasti menghemat banyak waktu juga. Fitur kolaboratif lainnya seperti spesifikasi dan pustaka desain akan di bahas nanti.

Seberapa Mudah Mengirimkan Desain Anda Ke Developer, Menjawab Pertanyaan Apa Pun Yang Mereka Miliki, Dan Menyelesaikannya Tanpa Repot?

Kedua program ini pada dasarnya menawarkan fitur yang sama – Anda dapat mengekstrak warna, gaya karakter, aset, spasi, melihat aliran desain, dll. Saya akan berbicara tentang perbedaannya.

• Figma memiliki spesifikasi yang disematkan di dalam file. Ini berarti lebih sedikit tautan yang di bagikan, dan juga di perbarui secara realtime. Ia juga menawarkan berbagai jenis spesifikasi seperti web, iOS, dan Android.

• Adobe XD memiliki lembar spesifikasi terpisah, yang dapat Anda terbitkan sebagai tautan untuk diakses orang lain. Anda harus menerbitkan kembali lembar spesifikasi ini setiap kali mengedit desain Anda.

Dan yang pasti lebih baik adalah Figma. Seperti yang telah sebutkan di atas, mereka menawarkan fitur yang hampir sama. Figma, bagaimanapun, menawarkan kegunaan dan kolaborasi yang lebih baik dalam pengaturan tim. Tidak ada lagi “hey-is-this-spec-sheet-up-to-date?”. Anda tinggal mengirim tautan, dan tidak perlu khawatir. Ini adalah preferensi kami, dan preferensi Anda mungkin berbeda.

Fitur Desain

Sekarang waktunya untuk inti dari diskusi. Figma vs. XD untuk kemampuan desain mereka.

Fungsi / Gambaran Dasar

Keduanya memiliki fungsi pengeditan dasar yang di miliki sebagian besar tools desain. Anda dapat membuat bentuk, mengatur batasan, meletakkan bayangan, mengedit teks, dll. Jika saya menggunakan fitur demi fitur, itu akan memakan waktu terlalu lama.

• Figma, sederhananya, memiliki fungsionalitas yang lebih baik dan lebih banyak daripada Adobe XD. Ambil tools vektornya misalnya, yang dapat ditunjukkan di atas. Anda dapat membuat persegi panjang, garis, panah, poligon, dll. Ini juga meluas ke opsi teks, efek lapisan (yang tidak dimiliki XD), tools gambar, dll. Daftarnya terus bertambah dan terus tentang apa yang Figma miliki, dan apa XD hilang.

• Adobe XD, seperti yang mungkin Anda tebak dari poin sebelumnya, tidak memiliki banyak fitur yang dimiliki Figma. Namun, itu akan menyelesaikan pekerjaan (setidaknya untuk saya). Anda dapat mendesain layar, membuat tombol, membuat elemen formulir, dll.

Program terbaik jatuh kepada Figma. Ini tidak perlu dipikirkan lagi setelah Anda mulai menggunakan Figma setelah bereksperimen dengan Adobe XD / pindah ke Adobe XD setelah menggunakan Figma. Ada berbagai peningkatan kualitas hidup yang dimiliki Figma, yang tidak dimiliki Adobe XD.

Plugin

Plugin memungkinkan Anda menambahkan lebih banyak fungsi ke program. Mereka biasanya dikembangkan oleh pihak ketiga.

•             Figma saat ini tidak menawarkan plugin. Namun, mereka menawarkan integrasi dengan program seperti Principle, Zeplin, dan Dribble. Anda juga dapat menggunakan API Figma untuk melakukan hal-hal menyenangkan lainnya, tetapi itu bukan plugin.

•             Adobe XD memang menawarkan plugin dan berkembang pesat. Anda dapat mengunduh plugin yang akan mengisi desain Anda dengan data dummy, mengekspor sebagai komponen React, menerjemahkan artboards, dll. Kemungkinannya tidak terbatas dan saya dapat melihat ini menjadi nilai jual yang besar untuk Adobe XD di masa mendatang.

Pemenang – Adobe XD. Figma tidak mendukung plugin. XD melakukannya.

Pembuatan Prototipe

Sekali lagi, pembuatan prototipe sangat mirip pada Figma dan Adobe XD. Keduanya menggunakan hot spot dan koneksi untuk membuat prototipe. Ini berarti alur kerja mengekspor aset kemudian membuat hot spot di InVision adalah berita lama. Ini juga membantu siapa pun yang melihat desain mengetahui alur kerja desain Anda tanpa klarifikasi.

Beberapa hal yang dapat Anda lakukan pada keduanya adalah:

• Ketuk (klik), gunakan overlay, dan gunakan waktu untuk berpindah antar layar
• Gunakan animasi
• Salin objek / simbol dan pertahankan keterkaitannya ke layar lain
• Tambahkan gulir

• Figma, sekali lagi, menawarkan lebih banyak variasi dalam hal pembuatan prototipe tradisional daripada Adobe XD. Beberapa hal yang di tawarkan Figma yang tidak dimiliki Adobe XD: hover trigger, horizontal scrolling, link to URL, dan banyak lagi.
• Adobe XD memiliki dua fitur yang tidak dimiliki Figma. Ini memiliki animasi otomatis, yang pada dasarnya membuat prototipe layar Anda untuk Anda dan suara . Anda juga dapat merekam prototipe Anda sendiri.

XD menawarkan animasi dan suara otomatis untuk fitur prototipe yang kuat. Animasi otomatis dapat di simulasikan di Figma menggunakan opsi pembuatan prototipe yang tersedia, meskipun memang perlu waktu lebih lama. Di sisi lain, XD tidak memiliki fungsi untuk menggunakan hover sebagai pemicu.

Hasil

Kesimpulannya, Figma menang. Namun, Anda harus mencoba keduanya untuk melihat mana yang lebih baik untuk kasus penggunaan Anda. Ketika Adobe XD pertama kali keluar, vibesnya benar-benar tidak ada persaingan yang signifikan untuk Figma sama sekali, Adobe XD hanya bertindak lebih sebagai pilihan yang lebih baik untuk desainer interface berbasis Creative Cloud daripada Photoshop atau Illustrator. Namun sejak saat itu, Figma mungkin masih unggul, tapi XD telah menutup celah tersebut sekarang dengan berbagai fitur menarik yang telah di tawarkan.

Persaingan antara Figma dan XD pasti terus berlanjut bahkan akan semakin sengit setiap kalinya, dan setiap program pasti mendorong yang lain untuk terus meningkatkan fitur serta kualitasnya. Tekanan yang mereka terapkan satu sama lain untuk berinovasi membuahkan hasil yang sangat baik bagi desainer.

Jadi, mana pun yang Anda putuskan untuk digunakan pada tahun 2021, perhatikan apa yang dilakukan orang lain, jangan ragu untuk bertanya, research bahkan bergabung ke komunitas desainer agar Anda mendapatkan insight yang bermanfaat  karena, siapa tahu, itu mungkin menjadi pilihan baru Anda kapan saja.

Selamat mencoba!