Belajar UI Design & Prototyping Dengan Figma

Sebagai seorang coder memang tidak diwajibkan memiliki kemampuan mendesain yang baik. Tapi, bila memiliki kemampuan tersebut akan memberi nilai tambah kita sebagai seorang coder ataupun non-coder. Kesempatan kali ini, Nauval akan mengajak kamu untuk belajar UI design bersama-sama. Aplikasi yang digunakan pada pelajaran kali ini adalah Figma.



Referensi:
https://figma.com
https://unsplash.com
https://feathericons.com
https://dribbble.com


Buku Tailwind:
https://multinity.id/book/tailwind-css​​

Komunitas:
Discord:   / discord  
Front-end Indonesia:   / discord  


Donasi:
https://trakteer.id/arrayid

Nauval:
Website: https://nauv.al​​​
Github: https://github.com/nauvalazhar​​​
Twitter:   / mhdnauvalazhar​​​  
Buymeacoffee: https://buymeacoffee.com/mhd​​


Timestamps

00:00:00 Intro
00:01:02 Perkenalan Aplikasi Design Figma
00:06:32 Mempelajari Workspace Figma
00:12:48 Mendesain UI Design Pertama
00:33:05 Mendesain Hero Website
00:51:09 Mendesain Web Profile - Hero Section
01:07:03 Mendesain Web Profile - Profile Section
01:11:35 Mendesain Web Profile - Skills Section
01:21:33 Mendesain Web Profile - Projects Section
01:26:12 Mendesain Web Profile - Contact Section
01:38:56 Membuat Prototype Web Profile
01:44:03 Mempelajari & Menggunakan Plugin
01:46:49 Menggunakan Plugin Autoflow
01:47:58 Menggunakan Plugin Avatar
01:49:04 Menggunakan Plugin Content Reel
01:50:03 Menggunakan Plugin Blobs
01:50:37 Menggunakan Plugin Get Waves
01:51:16 Menggunakan Plugin Wireframer
01:52:09 Tips Dalam Membuat UI Design

Semoga bermanfaat! ❤️