Web Design UI UX Figma

Belajar Figma: Kuasai Desain UI/UX & Bikin Aplikasi Impianmu

Berhenti menebak-nebak posisi tombol web Anda! Pelajari Figma untuk merancang antarmuka (UI) yang memukau dan prototipe interaktif layaknya desainer profesional.

Heru Iryanto
Heru Iryanto
Teacher, Content Creator and Full-Stack Developer

🔰 Deskripsi

Selamat datang di kelas desain antarmuka paling dinanti! Pernahkah Anda (sebagai seorang programmer) merasa kebingungan saat harus menata layout CSS? Anda bingung menentukan warna tombol yang pas, atau bingung menentukan ukuran huruf yang enak dibaca?

Hal itu terjadi karena Anda langsung melompat ke tahap Coding tanpa memiliki “Cetak Biru” (Blueprint) visual sama sekali!

Di dunia industri perangkat lunak (Software Engineering), tidak ada programmer yang langsung menulis kode. Semuanya bermula dari departemen UI/UX Design. Dan saat ini, standar absolut yang dikuasai oleh hampir 90% desainer UI/UX di seluruh dunia adalah Figma.

Mengapa Figma sangat digemari?

  • Berbasis Cloud (Browser): Anda tidak perlu menginstal aplikasi berat seperti Adobe Photoshop atau Adobe XD. Anda bisa mendesain langsung dari Google Chrome!
  • Kolaborasi Real-Time: Anda dan tim Anda bisa mendesain di satu kanvas yang sama pada detik yang sama (mirip Google Docs).
  • Gratis: Figma memberikan versi gratis yang lebih dari cukup untuk keperluan pemula dan proyek menengah.

Apa yang akan saya pelajari ?

  • Perbedaan mendasar antara UI (User Interface) dan UX (User Experience).
  • Cara menggunakan alat-alat desain di dalam Canvas Figma.
  • Teori pewarnaan (Color Palette) dan tata huruf (Typography).
  • Auto Layout: Sihir Figma yang memastikan kotak tombol membesar secara otomatis mengikuti panjang teks di dalamnya.
  • Components: Membuat “Cetakan” tombol. Jika Anda mengubah warna di cetakan utamanya, ratusan tombol lain akan ikut berubah warna secara otomatis!
  • Menambahkan Plugins untuk mencuri ratusan ikon dan foto estetis secara gratis.
  • Membuat presentasi Prototipe Interaktif (Desain yang bisa diklik dan merespon).

Project apa yang akan saya buat ?

Pada akhir kursus, Anda tidak sekadar membaca teori. Anda akan langsung praktik mendesain Aplikasi Mobile (Manajemen Tugas / To-Do List) yang modern.

Kita akan mulai dari tahapan sketsa kasar hitam-putih (Wireframe), menyulapnya menjadi desain cantik penuh warna (High Fidelity), dan akhirnya menyambungkan antar layarnya sehingga bisa di-klik dan dimainkan layaknya aplikasi sungguhan di HP Anda!

💎 Materi

Siapkan mouse Anda, bebaskan kreativitas Anda, dan mari kita mulai merancang aplikasi yang indah dipandang! Mari berkarya! 🎨

    Belajar Figma: Kuasai Desain UI/UX & Bikin Aplikasi Impianmu Rp 0 Rp 99.000 / tahun 🍔 Belajar Sekarang