flash sale
hamburger-menu

Kelas Online Gratis
UI Design : Grid System dengan Figma

Learn clean and neat UI Design

icon global
Release date June 2022
icon convert
Last updated March 2024
Member

6,819 enrolled

Tingkatan
level
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.

Sneak Peek

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

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

Product Designer

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

(48.7K)

Our Happy Students

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

All Rating
almubarroq at BuildWithAngga
Almubarroq

Full-Stack Developer

mantep jelas read more

ic-star ic-star ic-star ic-star ic-star
Mohamad Yogi Fermansyah at BuildWithAngga
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 BuildWithAngga
Sam Aqil

Full-Stack Developer

mudah penyampaian materinya read more

ic-star ic-star ic-star ic-star ic-star
fitri hanung wibowo at BuildWithAngga
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 BuildWithAngga
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 BuildWithAngga
Trian Nurizkillah

Full-Stack Developer

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

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

#Starter

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 Starter secara gratis tanpa sertifikat

icon_check

Bayar 0 rupiah

icon_check

Akses kelas selamanya

icon_check

Plus - Rp 50,000

Unlock benefit lainnya yang bisa
didapatkan di kelas Starter

icon_check

Sekali bayar saja

icon_check

Akses kelas selamanya

icon_check

Materi belajar terbaru

icon_check

Sertifikat kelas

icon_check

Bonus materi belajar

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 clean and neat UI Design

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
Key Points
  • check
    Implementasi Grid ke UI Design
  • check
    Mempelajari Tools Dasar Figma
  • check
    Memahami Fungsi Grid dalam Project
  • check
    Merancang Grid pada Figma
Created For
  • check
    Cocok untuk yang ingin mempelajari Microinteraction
  • check
    Cocok untuk designer yang ingin belajar membuat prototype
  • check
    Cocok untuk yang ingin mempelajari UI/UX Design
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
6,819
Happy Students
almubarroqh2a77 at BuildWithAngga
almubarroqh2a77

Full-Stack Developer

mantep jelas

ic-star ic-star ic-star ic-star ic-star
yogi0441 at BuildWithAngga
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 BuildWithAngga
faisalaqilamanullah

Full-Stack Developer

mudah penyampaian materinya

ic-star ic-star ic-star ic-star ic-star
f3z0n3 at BuildWithAngga
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 BuildWithAngga
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 BuildWithAngga
triannurizkillah

Full-Stack Developer

Mantap

ic-star ic-star ic-star ic-star ic-star
loader

Rp 0

arrow_upward