flash sale
close-icon
close-icon
Full-Stack Javascript Developer MERN

Rp 7,000,000 Rp 500,000

UI Design : Grid System dengan Figma

Learn how to build a real project from scratch

Member

4,892 enrolled

Tingkatan
Sertifikat
icon_check
Konsultasi
-

Develop Your Skills

Dalam membangun sebuah website dengan design yang menarik dan juga professional maka peran grid system sangatlah penting untuk mencapai akan hal-hal tersebut. Grid system memiliki beberapa manfaat yang salah satunya adalah untuk mempermudah proses kerja sama antara designer dan juga developer.

Pada kelas kali ini kita akan bahas tuntas tentang pengertian dan juga penggunaan grid system pada design website menggunakan software Figma.com

Kelas ini sangat cocok sekali apabila saat ini kita masih di tahap pemula, karena jika tidak kita pelajari sedari sekarang maka khawatir kedepannya hasil design kita tidak dapat diimplementasikan oleh developer dan ditolak oleh klien. Silakan bergabung dan kami akan tunggu di kelas.

Key Points

icon_check

Implementasi Grid ke UI Design

icon_check

Mempelajari Tools Dasar Figma

icon_check

Memahami Fungsi Grid dalam Project

icon_check

Merancang Grid pada Figma

Sneak Peek

Designed For

icon_check

Cocok untuk yang ingin mempelajari Microinteraction

icon_check

Cocok untuk designer yang ingin belajar membuat prototype

icon_check

Cocok untuk yang ingin mempelajari UI/UX Design

Course Lessons

Learn With Expert

Mentor Dhimas Prio

Dhimas Prio

UI Designer

ic-star ic-star ic-star ic-star ic-star

(39.2K)

Our Happy Students

Review setelah bergabung di kelas UI Design : Grid System dengan Figma

All Rating
almubarroq at BuildWith Angga
Almubarroq

Full-Stack Developer

mantep jelas read more

ic-star ic-star ic-star ic-star ic-star
Mohamad Yogi Fermansyah at BuildWith Angga
Mohamad Yogi Fermansyah

Full-Stack Developer

Terima Kasih atas ilmunya kak Dimas, dan bang Angga, semoga ilmu yang diberikan ini bermanfaat untuk semuanyaa read more

ic-star ic-star ic-star ic-star ic-star
Sam Aqil at BuildWith Angga
Sam Aqil

Full-Stack Developer

mudah penyampaian materinya read more

ic-star ic-star ic-star ic-star ic-star
fitri hanung wibowo at BuildWith Angga
Fitri hanung wibowo

Illustration Designer

kelasnya bermanfaat bgt, ternyata penggunaan grid untuk desain sangat membantu dalam menata tiap elemen design yang dibuat dan lebih mudah untuk mengatur jarak antar elemen baik itu paddingnya, marginnya. mantap pokoknya. read more

ic-star ic-star ic-star ic-star ic-star
rahmat hidayatullah at BuildWith Angga
Rahmat hidayatullah

Full-Stack Developer

terima kasih sebelumnya saya tidak begitu paham tentang fungsi grid, pas saya pelajari mendasar tentang jarak grid saya sudah mengerti. terimakasih banyaak read more

ic-star ic-star ic-star ic-star ic-star
Trian Nurizkillah at BuildWith Angga
Trian Nurizkillah

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star
Belum ada review
Load More Reviews

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

Figma

Software Gratis

Download Now
#Freemium

Start to Invest 100%

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

icon_check

Basic - Rp 0

Akses dan pelajari kelas Freemium secara gratis tanpa sertifikat

icon_check

Bayar 0 rupiah

icon_check

Akses kelas selamanya

icon_check

Plus - Rp 40,000

Unlock benefit lainnya yang bisa
didapatkan di kelas Freemium

icon_check

Sekali bayar saja

icon_check

Akses kelas selamanya

icon_check

Software Design & Code

icon_check

Sertifikat kelas

Foto kelas UI Design : Grid System dengan Figma Foto kelas UI Design : Grid System dengan Figma Foto kelas UI Design : Grid System dengan Figma Foto kelas UI Design : Grid System dengan Figma

UI Design : Grid System dengan Figma

Learn how to build a real project from scratch

  • Getting Started Figma
    3 minutes
  • Setting Grid Pada Figma
    3 minutes
  • UI Design Practice Part 1
    3 minutes
  • UI Design Practice Part 2
    3 minutes

  • Kesimpulan
    3 minutes
Develop Your Skills

Dalam membangun sebuah website dengan design yang menarik dan juga professional maka peran grid system sangatlah penting untuk mencapai akan hal-hal tersebut. Grid system memiliki beberapa manfaat yang salah satunya adalah untuk mempermudah proses kerja sama antara designer dan juga developer.

Pada kelas kali ini kita akan bahas tuntas tentang pengertian dan juga penggunaan grid system pada design website menggunakan software Figma.com

Kelas ini sangat cocok sekali apabila saat ini kita masih di tahap pemula, karena jika tidak kita pelajari sedari sekarang maka khawatir kedepannya hasil design kita tidak dapat diimplementasikan oleh developer dan ditolak oleh klien. Silakan bergabung dan kami akan tunggu di kelas.

read more
Learn With Expert
Dhimas Prio
Dhimas Prio
UI Designer
rating-star rating-star rating-star rating-star rating-star
(39.2K)
Key Points
  • Implementasi Grid ke UI Design
  • Mempelajari Tools Dasar Figma
  • Memahami Fungsi Grid dalam Project
  • Merancang Grid pada Figma
Created For
  • Cocok untuk yang ingin mempelajari Microinteraction
  • Cocok untuk designer yang ingin belajar membuat prototype
  • Cocok untuk yang ingin mempelajari UI/UX Design
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
4,892
Happy Students
almubarroqh2a77 at BuildWith Angga
almubarroqh2a77

Full-Stack Developer

mantep jelas

ic-star ic-star ic-star ic-star ic-star
yogi0441 at BuildWith Angga
yogi0441

Full-Stack Developer

Terima Kasih atas ilmunya kak Dimas, dan bang Angga, semoga ilmu yang diberikan ini bermanfaat untuk semuanyaa

ic-star ic-star ic-star ic-star ic-star
faisalaqilamanullah at BuildWith Angga
faisalaqilamanullah

Full-Stack Developer

mudah penyampaian materinya

ic-star ic-star ic-star ic-star ic-star
f3z0n3 at BuildWith Angga
f3z0n3

Illustration Designer

kelasnya bermanfaat bgt, ternyata penggunaan grid untuk desain sangat membantu dalam menata tiap elemen design yang dibuat dan lebih mudah untuk mengatur jarak antar elemen baik itu paddingnya, marginnya. mantap pokoknya.

ic-star ic-star ic-star ic-star ic-star
rahmathidayt94 at BuildWith Angga
rahmathidayt94

Full-Stack Developer

terima kasih sebelumnya saya tidak begitu paham tentang fungsi grid, pas saya pelajari mendasar tentang jarak grid saya sudah mengerti. terimakasih banyaak

ic-star ic-star ic-star ic-star ic-star
triannurizkillah at BuildWith Angga
triannurizkillah

Full-Stack Developer

Mantap

ic-star ic-star ic-star ic-star ic-star
Tools Pendukung
Figma
Figma
Software Gratis
arrow_upward