#BelajarDesain hari ke-19

Apa aplikasi desain terbaik?

Bingung mau desain pakai apa? Yuk kita ulas satu persatu disini

Briandito Priambodo
Nov 7 · 8 min read

Artikel ini dibuat agar #BelajarDesain menjadi lebih mudah. Ikuti instagram kami di @belajardesain.io untuk mendapatkan update #BelajarDesain desain terbaru.

Jika beberapa tahun lalu dunia desain masih dikuasai oleh software Adobe, saat ini program untuk mendesain sudah sangat banyak sekali. Bahkan sudah ada beberapa software yang memang dibuat untuk pekerjaan desain produk digital (UI & UX). Hingga kita sebagai desainer pun terkadang bingung, mau pake program apa ya buat nge-desain?

Di artikel ini, kita akan bahas keunggulan beberapa software desain yang populer, dan membantu kalian dalam memilih program apa sih yang sebaiknya kamu gunakan.

Tapi, jangan lupa: Yang penting adalah karyanya, bukan program apa yang kamu gunakan.

Sketch

  • Tersedia di platform: Apple / Macbook
  • Fungsi Utama: Program Desain dan Prototipe Simpel
  • Harga: $99 (Rp 1.390.276) untuk lisensi personal / Bisa lebih murah untuk lisensi tim dan ada juga diskon 50% untuk pelajar

Bisa dibilang, sketch adalah software desain paling populer dikalangan UI dan UX pada saat ini, dikarenakan sketch menjadi salah satu yang pertama menjadi aplikasi desain yang tercondong khusus untuk desainer UI dan UX.

Data sepanjang tahun 2018

Dan untuk di indonesia sendiri, sketch juga menjadi salah satu aplikasi yang paling banyak digunakan oleh startup atau perusahaan yang memiliki desainer.

Keunggulan Sketch:

  • Symbol & Libraries
    Walaupun pada saat ini hampir semua aplikasi desain mengadopsi fitur ini, tapi sebagai yang pertama tentu sketch memiliki sistem yang lebih stabil untuk menjalankan fitur ini. Apa fungsinya? Fitur Symbol dan Libraries ini memungkinkan kita sebagai desainer membuat komponen desain kita dan menjadikannya sebagai symbol sehingga bisa kita pakai berkali-kali tanpa harus membuat ulang dari awal. Contohnya: Ketika kita membuat sebuah button, maka pada saat kita membutuhkan button lagi, kita tidak perlu membuatnya dari awal dan tinggal menggunakan symbol yang telah kita buat sebelumnya.
  • Smart Layout
    Menyambung dari symbol yang telah dibahas sebelumnya, Smart layout ini juga salah satu keunggulan dari sketch melalui fitur symbol. Jika kita telah membuat sebuah symbol button dengan ukuran lebar tertentu lalu kita menambahkan teks yang lebih panjang pada penggunaan berikutnya, maka fitur smart layout ini akan bekerja! Kita tidak perlu lagi menyesuaikan lebar dengan manual karena semua sudah bisa di atur secara otomatis menggunakan fitur ini.
Smart layout
  • Plugins yang berlimpah
    Membicarakan sketch, sudah pasti berhubungan dengan plugin yang sangat amat berlimpah. Dari mulai plugin simple seperti craft yang memungkinkan kita untuk menambahkan gambar atau nama secara otomatis, bahkan plugins yang lebih canggih seperti untuk menjadikan semua desain yang telah kita buat menjadi sebuah kode programming.
    Semua plugin yang tersedia bisa kalian temukan disini.

Invision Studio

  • Tersedia di platform: Windows & Apple / Macbook
  • Fungsi Utama: Program Desain dan Prototipe Animasi
  • Harga: Gratis (Untuk 1 proyek desain)

Invision studio sendiri hadir untuk menyaingi sketch bersamaan dengan aplikasi lainnya. Dan jika kalian sudah terjun ke dunia produk desain pasti sudah tidak asing lagi dengan nama Invision. Berawal dari prototyping tools dan sekarang merambah ke dunia desain tools.

Untuk ukuran software yang paling muda di antara lainnya, invision studio ini cukup memiliki fitur yang melimpah. Apa saja itu? Mari kita bahas dibawah berikut

Keunggulan Invision Studio:

  • Interactive Prototype / Prototipe animasi
    Fitur ini adalah fitur yang paling invision kedepankan sebagai senjata dalam mengalahkan desain tools yang lain. Yap, tidak dapat dipungkiri lagi membuat interactive prototype menjadi salah satu kebutuhan seorang desainer untuk memberikan kesan yang Delightful bagi user dan menambahkan pengalaman yang lebih baik untuk desain yang kita buat.
interactive protoype
  • Design system manager
    Makin membesarnya tim pada sebuah perusahaan membutuhkan sistem yang lebih baik dalam menyelaraskan style desain. Dan Invision studio membuat sebuah tools bernama Design System Manager untuk mengakomodir kebutuhan tersebut.
  • Responsive Design
    Fitur ini sebenarnya hampir sama dengan fitur Smart Layout milik sketch. Berbeda dari sketch mengaplikasikan smart layout pada komponen, disini invision membuat metode itu pada artboard sehingga memudahkan desainer untuk merubah dari desain desktop ke desain mobile atau sebaliknya.
Responsive design
  • Kolaborasi yang terkoneksi
    Hampir sama dengan fitur yang sudah ada di beberapa aplikasi lain. Fitur ini memungkinkan sebuah tim desainer untuk berkolaborasi pada satu projek dengan bersamaan. Pada fitur ini invision menyediakan free-hand (Untuk coret-coret), pixel-perfect inspection untuk berkolaborasi bersama developer dan memberikan komen dan feedback pada tim lain secara langsung.
Collaboration

Figma

  • Tersedia di platform: Windows, Apple / Macbook, Linux
  • Fungsi Utama: Program Desain dan Prototipe Simpel
  • Harga: Gratis

Sebagai saingan utama Sketch, secara fungsional, kurang lebih Figma dan Sketch nggak beda begitu jauh. Perbedaan utamanya terdapat di cara mereka menawarkan jasa mereka.

Maksudnya? Yaitu jika Sketch menawarkan aplikasi khusus Apple / Macbook, Figma menawarkan aplikasi berbasis web, sehingga semua jenis platform baik Windows, Mac, ataupun Linux dapat menggunakan Figma.

Namun, kelebihan Figma yang satu itu juga menjadi kelemahan nya. Kenapa? Karena Figma berbasis web, kalau tidak ada koneksi internet maka kamu tidak dapat menggunakan Figma :D

Keunggulan Figma:

  • Gratis
    Yes, GRATIS! Kamu bisa menggunakan Figma secara gratis, namun terbatas untuk 3 proyek dan 2 kolaborator. Selain itu, kamu juga mendapatkan tempat penyimpanan data yang tidak terbatas (unlimited cloud storage).
  • Digunakan oleh perusahaan-perusahaan besar
    Saat ini banyak banget perusahaan besar seperti Dropbox, Twitter, Slack, dan Microsoft yang menjadikan Figma sebagai program desain pilihan mereka. Jadi, sudah terbukti bahwa Figma merupakan program desain yang cocok buat bikin produk digital.
  • Kolaborasi langsung (real time)
    Figma adalah pelopor kolaborasi desain secara langsung atau real time. Sehingga kerjasama antar desainer dapat dilakukan dengan lebih mudah. Selain itu, jika kamu menggunakan Figma, kamu dapat membagikan tautan (link) desain mu, dan orang lain dapat memberikan masukan atau komentar langsung di desainmu.
  • Lebih mudah mengelola desain sistem
    Desainer dapat lebih mudah mengelola aset desain di dalam Figma. Kenapa? Jika di Sketch kamu harus menggunakan aplikasi tambahan untuk mengelola desain sistem, di Figma semua sudah tersedia. Jadi gak perlu repot instal ini-itu lagi.
  • Prototipe
    Untuk proses prototipe, sebenarnya Figma gak beda jauh sama Sketch. Tapi yang paling membedakan adalah sebuah fitur yang bernama Smart Animate. Apa kah itu? Yaitu cara untuk membuat animasi yang cukup kompleks, hanya dengan copy paste saja.
https://www.figma.com/prototyping/

Adobe XD

  • Tersedia di platform: Windows, Apple / Macbook
  • Fungsi Utama: Program Desain dan Prototipe Simpel
  • Harga: Gratis (untuk 1 proyek desain)

Buat yang udah sering pake Adobe dan terlanjur sayang, nih dia aplikasi desain keluaran Adobe, yaitu Adobe XD.

Apa bedanya? Sejujurnya, ya sama-sama aja sih sama Sketch dan Figma, gak beda jauh. Cuman, kalo kamu sudah berlangganan Adobe Creative Cloud (yang isinya paket Illustrator, Photoshop, dll) kamu bisa dapetin Adobe XD secara gratis, gak perlu bayar lagi.

Keunggulan utama XD terdapat di fitur prototipe nya yang lebih canggih dari Sketch atau Figma.

Keunggulan XD:

  • Gratis
    Yes, Gratis untuk satu proyek. Kalau mau lebih dari itu, kamu harus berlangganan per-bulan seharga USD9.99 untuk XD saja, atau USD52.99 untuk paket program Adobe.
  • Spesifikasi desain yang terintegrasi
    Kalau kamu menggunakan XD, spesifikasi desain nya bisa langsung kamu kasih ke developer menggunakan Adobe XD. Beda dengan Sketch yang harus pakai aplikasi tambahan. Di XD kamu nggak perlu instal aplikasi tambahan untuk mengirim desain mu ke developer.
  • Prototipe
    Lumayan mirip dengan fitur smart animate nya Figma, XD punya fitur yang berjudul auto-animate.
https://www.toptal.com/designers/ui/adobe-xd-vs-sketch-2019
  • Edit langsung di Photoshop
    Karena XD merupakan program buatan Adobe, maka kamu bisa langsung edit gambar di Photoshop. Tinggal klik kanan dan pilih menu “Open in Photoshop”.
https://www.adobe.com/products/xd/details.html?promoid=85665TVQ&mv=other?promoid=85665TVQ&mv=other
  • Bikin grid lebih cepat
    Grid itu adalah kumpulan konten yang bentuknya kotak-kotak gitu. Nah, di XD cara bikin nya simpel banget, tinggal kamu drag aja sesuai dengan jumlah konten yang kamu butuhkan.
https://www.toptal.com/designers/ui/adobe-xd-vs-sketch-2019

Framer X

  • Tersedia di platform: Apple / Macbook, Windows (Akan Datang)
  • Fungsi Utama: Program Desain dan Desain Interaksi
  • Harga: USD12 per bulan

Yah bayar, gak usah di review deh…

Gak deng becanda. Framer X adalah salah satu program desain yang paling powerful. Kenapa? Karena kamu bisa menggunakan code programming di Framer X, yaitu dengan menggunakan bahasa pemrograman Javascipt dan React.

Tetapi, disitulah kelemahan Framer X. Untuk menggunakan Framer X sepenuhnya, kamu harus memahami dasar programming dan mempelajari React. Sehingga, kamu membutuhkan waktu yang cukup lama untuk menguasai program ini apabila kamu tidak menguasai dasar programming.

Keunggulan Framer X:

  • Desain interaksi terbaik
    Di antara program desain lainnya, dapat dikatakan bahwa Framer X memiliki fungsi prototipe dan desain interaksi terbaik. Karena kamu dapat menggunakan kode langsung di desainmu. Sehingga kamu dapat menggunakan konten asli dari sebuah website, misalnya.
https://www.framer.com/
  • Plugin / Aplikasi tambahan yang banyak
    Seperti Sketch, Framer X memiliki banyak sekali plugin yang dapat kamu gunakan. Serunya, karena kamu bisa menggunakan kode programming di Framer X, maka kamu bisa menggunakan konten asli dari aplikasi lain. Misalnya, kamu bisa memasukkan peta menggunakan plugin Mapbox, dan peta tersebut akan berfungsi seperti aplikasi map pada umumnya. Bukan hanya gambar doang.
https://www.framer.com/prototyping/
  • Kode yang bisa langsung digunakan
    Karena berbasis kode, kamu bisa langsung menggunakan hasil desainmu di Framer X untuk langsung digunakan.

Jadi, mau pake yang mana?

Setelah kamu pelajarin keunggulan tiap program desain ini, cobalah untuk menggunakan nya satu persatu. Cari yang paling nyaman untuk digunakan buatmu. Tenang aja, semuanya ada versi gratisnya walaupun terbatas.

Jika kamu ingin bekerja di dunia startup atau perusahaan teknologi, cobalah untuk menggunakan Sketch atau Figma. Karena kedua aplikasi tersebut adalah aplikasi yang paling umum untuk digunakan oleh perusahaan-perusahaan saat ini. Dan ingat:

Yang penting bukan bikin pakai apa, tapi apa yang sudah kamu bikin.

MANTUL

Hari ini, kamu sudah #BelajarDesain tentang Apa aplikasi desain terbaik. Ikuti instagram kami di @belajardesain.io untuk mendapatkan update #BelajarDesain terbaru.

Selanjutnya, kita akan #BelajarDesain tentang Interview, Portfolio, dan bagaimana cara mempersiapkan diri untuk bekerja.

#BelajarDesain

#BelajarDesain by Better Experience Design. Artikel harian tentang panduan dasar #BelajarDesain dalam bahasa Indonesia. #BelajarDesain setiap Senin sampai Jumat.

    Briandito Priambodo

    Written by

    https://briandito.co - Product Designer and Writer

    #BelajarDesain

    #BelajarDesain by Better Experience Design. Artikel harian tentang panduan dasar #BelajarDesain dalam bahasa Indonesia. #BelajarDesain setiap Senin sampai Jumat.

    Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
    Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
    Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade