UI Design : Grid System dengan Figma

Learn how to build a real project from scratch

Member

2,891 enrolled

Tingkatan
Sertifikat
-
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

Implementasi Grid ke UI Design

Mempelajari Tools Dasar Figma

Memahami Fungsi Grid dalam Project

Merancang Grid pada Figma

Sneak Peek

Designed For

Cocok untuk yang ingin mempelajari Microinteraction

Cocok untuk designer yang ingin belajar membuat prototype

Cocok untuk yang ingin mempelajari UI/UX Design

Learn With Expert

Dhimas Prio

UI Designer

Profile Mentor

Happy Learning

Materi kelas yang bermanfaat untuk karir kita

1

Introduction

play_circle

Kenapa Kelas Ini Dibuat?

3 mins

play_circle

Grid Introduction

3 mins

play_circle

Seberapa Penting Grid Pada Project?

3 mins

2

Implement Grid Design

lock

Getting Started Figma

3 mins

lock

Setting Grid Pada Figma

3 mins

lock

UI Design Practice Part 1

3 mins

lock

UI Design Practice Part 2

3 mins

3

Outro Kelas Grid with Figma

lock

Kesimpulan

3 mins

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

Figma

Software Gratis

Download Now

2,891 Happy Members

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

Alvianus Pradytya

Full-Stack Developer

Minimalis & elegan

Bayu Prasetyo

Lifetime Learner

Menurut saya kelasnya sudah cukup jelas, tetapi ada yang kurang yaitu kurang membahas grid pada mobile device

Wirasatria putra

UX Designer

cool

Muhammad Afrizal R

Front-End Developer

Mantap meterinya mudah banget dipahami, Thanks BWA

Yohanes Dimas

Full-Stack Developer

Kelas ini mudah diikuti dan sangat bermanfaat bagi saya yang baru memulai belajar di dunia UI/UX

Rahmatul ulya

Full-Stack Developer

Mantap

andryxxvi

Lifetime Learner

Oke mantap

Donny Dwi M Putra

Full-Stack Developer

sangat bermanfaat sekali

Muhammad Anwar

UI Designer

Kelasnya sangat bagus dan Banyak ilmu yang sangat daging

Resha Ayu Fratiwi

UI Designer

Mudah dipahami untuk basic

Aditya Darmawan

Lifetime Learner

penyampaiannya jelas dan asik

Reihan Faizal Hani

Product Designer

penjelasannya sangat menarik

Ronald Raihan A

UI Designer

penjelasan mudah dimengerti

Habib Bahtiyar

Full-Stack Developer

materinya samgat membantu bgt bagi yang baru mau belajar design ui

Bima Setya Negara

Front-End Developer

All is well

Jonathan Halim

UI Designer

kelas nya bagus, mudah dimengerti dan dipahami

Mohamad Yogi Ferma

Full-Stack Developer

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

Andika Saputra

Full-Stack Developer

MANTAP LAH

Rifqi Fadillah

Lifetime Learner

Suka penjelasannya

Muhamad Fajar Riza

Full-Stack Developer

kerennn

FIRDA ROSIANA

UI Designer

Mantap!

MASUD

UI Designer

mantap

chandra salim

Lifetime Learner

mudah dipahami, terima kasih

Reynaldi Octa Prad

UI Designer

Saya baru mau masuk ke UI Desain sangat terbantu dengan adanya pemahaman dasar tentang grid dari kelas ini, terima kasih banyak mentor

Muhammad Ziqri Sha

Full-Stack Developer

sip

Alfhy Zulfa

UX Designer

keren banget! materinya jelas.

Mohammad Bhanu Set

Full-Stack Developer

bagus

Sang Putu Putra Sa

UI Designer

Nice

dimas pradipto

Full-Stack Developer

materi yang di jalskan secara detail dan perlan tidak terlalu cepat jadi mudah untuk di ikutin dan dimengerti

Ahmad Hafidh Ayatu

Full-Stack Developer

bagus dan bermanfaat

Fais Muhammad

Product Designer

Kelas yang sangat enak dan mudah dimengerti cara menyampaikannya. Step by step yang dipaparkan dapat diikuti tanpa harus takut ketinggalan. Terimakasih banyak mentor

Muhammad Taz

Full-Stack Developer

Mantap

almubarroq

Full-Stack Developer

mantep jelas

Sam Aqil

Full-Stack Developer

mudah penyampaian materinya

fitri hanung wibow

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.

rahmat hidayatulla

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

Trian Nurizkillah

Full-Stack Developer

Mantap

Spirit Learner

Full-Stack Developer

terimakasih ilmunya

Kikiaka Design

Full-Stack Developer

sangat membantu, terima kasih ka

Oscar Maulana

Full-Stack Developer

pembahasannya mudah dipahami

Ahmad Rafinaldi Ry

UI Designer

Materinya sangat bermanfaat. Kelasnya keren.

Dany A

Full-Stack Developer

Singkat Padat dan Jelas

Dwiyan Purbo Prast

Full-Stack Developer

Keren mas, mudah dipahami. Khususnya untuk yang baru belajar ui design.

julius leonardo

Full-Stack Developer

keren banget penjelasannya juga sangat mudah dipahami

Bambang Rahman

Lifetime Learner

Terima kasih mau berbagi !

VhendyAcri

UX Designer

Thanks, singkat tapi praktioner

Irfan Yadi

Full-Stack Developer

Keren nin kelasnya berguna banget buat basic belajar UI

Adji imam Mahmudi

UI Designer

terimakasih

Fuad ariqoh

Full-Stack Developer

Mantap

Alis Tiyaning

UI Designer

bermanfaat banget bagi pemula

MUHAMMAD FAJAR ADI

Project Manager

keren

Megi Afian Wicakso

UI Designer

Materinya walaupun basic tapi berguna banget nih untuk mempermudah dalam men design & development

Dimas Dwi

UI Designer

asikkk.. buat pemula

harits prabowo

Lifetime Learner

Penyampaian mudah di mengerti

Yasina Fatimah Aul

UI Designer

sangat mudah dipahami bagi orang awam yang ingin belajar UI/UX

Tubagus Putra

Full-Stack Developer

Excellent Course!! Just for free? you're so cool man!

Iqbal Alhuda

Full-Stack Developer

Mantap BWA sukses terus.

RYAN SATRIA YUDHIS

UX Designer

Keren sih penjelasannya!

Iqbal Rasetio

Lifetime Learner

Penjelasanya mudah di mengerti

Rizqy Khairani

UI Designer

Mudah dipahami dan ada tips trick-nya

Danny Rizky Pradan

UX Designer

Dasar yang bagus.

Chelsea Missi

Lifetime Learner

Mudah dipahami penjelasannya

Featured Projects

0 Hasil karya terbaik di kelas UI Design : Grid System dengan Figma

Belum ada hasil karya.