UI/UX

60+ UI/UX Design Tools & Resource Gratis untuk Bantu Pekerjaan Desainer

Binar Academy
60+ UI/UX Design Tools & Resource Gratis untuk Bantu Pekerjaan Desainer
Isi Halaman :

UI/UX Designer pasti butuh yang namanya resource dan tools untuk produktifitas desain sehari-hari. Rangkuman resource di bawah ini akan lebih menghemat waktumu sekaligus mempermudah pekerjaanmu juga! Ada 60 website lebih yang menyediakan stok gambar, icon, ilustrasi, vector, lalu typography, color tools, mockup, design system, prototyping tools, website sumber inspirasi untuk portofolio maupun desain, dan tools lainnya yang berguna untuk proses desain UI/UX. Temukan solusimu di sini!

Stock Gambar & Video

  1. Mixkit : Source gratis buat video clips, stok musik, sound effects & video templates
  2. Pexels : Stok gambar dan video gratis dan free for commercial
  3. Unsplash : Udah jadi andalan lah ya buat nyari stok gambar gratis
  4. Burst : Stok gambar yang high resolution buat website dan free for commercial use 
  5. Coverr : Video footage gratis ada di sini semuaa
  6. Pixabay : Gambar, video, vector, musik, sound effects semua free for commercial
  7. Freepik : Vector, icon, mockup, dan gambar gratis. Sekarang juga tersedia font lho!
  8. Storyset : Vector, ilustrasi, icon gratis yang customizable! Cocok buat apps, landing page, atau bikin deck
  9. Flaticon : Andalan buat nyari flat icon yang bisa diunduh dengan berbagai format (PNG, SVG, EPS, PSD, CSS)

Typography

  1. Typewolf : Kalo mau cari fonts yang lagi tren atau inspirasi font beserta alternatifnya bisa meluncur ke sini
  2. Google Fonts : Andalan lah ya buat download fonts free for commercial use
  3. Fonts Arena : Cari font model apa aja buat diunduh gratis ada di sini
  4. Font Fabric : Gudangnya font keren-keren, kamu bisa download yang gratisannya kok, kalo punya budget juga bisa request custom font di sini lho! 
  5. Fontshare : Dijamin betah nyari font disini karena selain free for commercial use, interface website nya cakep banget!
  6. Cdnfonts : Font unik-unik ada di sini semua, gratis buat personal use yaa 
  7. Speak Human : Bonus sih ini, kalo UX writer lagi cuti trus bingung mau nulis apa bisa cari referensi microcopy yang human centric di sinii, tinggal copy paste aja.

Cari Inspirasi Desain UI/UX

  1. Behance : Andalan buat bikin sekaligus cari inspirasi portoflio desain 
  2. Dribble : Cari inspirasi desain apa aja pasti ada di sini, Dribble juga punya course yang bisa kamu ikuti
  3. UI Source : Di sini kamu juga bisa akses video rekaman interaktif dalam proses penyusunan produk atau fitur lho!
  4. Awwards : website yang mempromosikan developer dan designer terbaik dari hasil karya mereka
  5. Bestfolios : kumpulan portofolio keren dari berbagai desainer, mulai dari graphic design, motion design. UI/UX design, dan masih banyak lainnya 
  6. Muzli : plugin dan mobile apps yang katanya jadi senjata rahasianya desainer kreatif

Color Tools

  1. Adobe Color : bikin palet warna pake color wheel atau dari gambar yang udah ada semua bisa di sini
  2. Material.io : nyari kombinasi warna buat desain UI bisa cari di sini
  3. Colors.Muz.li : color palete generator yang bisa bantu kamu bikin palet warna
  4. Colorable : color contrast tester
  5. Colorbox.io : color tools yang menghasilkan range warna yang bisa kamu custom
  6. Web Gradient : koleksi 180 gradien linier gratis yang bisa kamu copy paste langsung
  7. Brand Colors : nyari kode warna dari brand ternama di sini tempatnya
  8. Color Hunt : koleksi palet dari varian warna trend beserta kode warnanya
  9. Colors & Fonts : klik warna yang kamu inginkan, kode warna nya auto ke-copy

Template Ilustrasi

  1. Undraw
  2. Icons8
  3. Open Doodles
  4. Glaze
  5. IconScout
  6. UI Faces

Mockups

  1. Free Mockup World
  2. Is Graphic
  3. The Mockup Club

Design System

  1. Design Apple Developer
  2. Material.io
  3. Airbnb Design
  4. Uber Design
  5. Shopify Polaris
  6. Atlassian Design
  7. Microsoft Design

Prototyping Tools

  1. Adobe XD
  2. Invision
  3. Figma
  4. Sketch
  5. Origami Studio
  6. Framer
  7. Principle
  8. Overvlow

Other Tools

  1. Photomosh
  2. Duotone
  3. Compressor.io
  4. TinyPNG
  5. Remove.bg
  6. Service Design Toolkit
  7. Zeplin
  8. Realtime Board

Nah itu dia 60+ tools dan resource UI/UX Design yang bisa kamu akses secara gratis, ingin tahu lebih lanjut bagaimana optimasinya dan seluk beluk penyusunan desain UI/UX yang ideal? Langsung aja meluncur ke Binar Academy UI/UX Bootcamp untuk jadi UI/UX Designer profesional! Mau coba yang ringan dulu bisa juga ikut kelas Goban & Goceng di Binar Insight, beneran mulai dari 5.000 Rupiah aja lho!

Kamu Punya Potensi Tersembunyi!

Temukan potensi dan rekomendasi bootcamp untuk kariermu dalam 3 menit
Coba Potensi Quiz

Bingung Mau Pilih Bootcamp yang Cocok Untukmu?

Potensi Quiz akan kasih rekomendasi bootcamp sesuai kepribadianmu dalam 3 menit
Coba Potensi Quiz
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Daftar Isi
Hi! 👋🏼  
Kamu bisa konsultasi kebutuhanmu di BINAR via WhatsApp ya