Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas UI Styleguide With Figma
Kelas Online Gratis
UI Styleguide With Figma
Released date June 2022
Last updated March 2026
Member
10,881 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
-Develop Your Skills
Dalam membuat tampilan UI, Designer perlu menerapkan design yang menarik dan tentunya konsisten dengan UI Style Guide agar memudahkan proses web/mobile development. Dengan UI Style Guide, Designer dapat menghemat waktu karena pembuatan komponen design menjadi lebih praktis dan dapat dikerjakan oleh beberapa designer secara bersamaan.
Pada kelas ini, Mentor menggunakan Figma yang telah digunakan oleh banyak perusahaan besar dunia seperti GitHub, Dropbox, Twitter dan Slack. Kita akan belajar proses design yang cepat dengan fitur-fitur bermanfaat seperti Auto Layout, Design Tokens, hingga beberapa rekomendasi pilihan plugin yang sangat efisien. Nantinya kita juga akan membuat design library dan komponen design yang responsive dengan fitur Auto Layout.
Kelas ini cocok bagi Anda yang ingin mendalami UI Style Guide secara gratis. Selain itu, Mentor ahli kami akan siap membantumu melalui grup konsultasi. Mari belajar Design bersama kami dan sampai jumpa di kelas!
Key Points
Membuat variant component
Membuat component responsive dengan auto layout
Memahami perbedaan frame dan group
Memahami style guide dan design library
Designed For
Desainer pemula yang ingin membuat design library
UI/UX Designer yang ingin mendalami tools Figma
Anda yang ingin mempelajari UI Design dengan Figma
Course Lessons
Learn With Expert
Jalu Detya
UX Designer
(12.2K)
Bambang Suwardono
UI Designer
Materi lengkap sangat cocok untuk pemula, cuma untuk pemateri agak tidak lancar dalam menjelaskan read more
02 Mar 2026
Reza Subchan
UI Designer
Menurut saya, kelas UI Styleguide With Figma sangat relevan dan praktis read more
25 Feb 2026
Ade irwansyah
Full-Stack Developer
Sangat memberikan ilmu dan memberikan materi sangat jelas read more
03 Dec 2025
Puspa Dewi Legawa
UI Designer
course nya mudah dipahami dan langsung to the point, mantap. read more
26 Oct 2025
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Figma
Software
#Starter
Start to Invest 100%
Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan
yang
baru di bidang IT
Basic - Rp 0
Akses dan pelajari kelas Starter secara gratis tanpa sertifikat
Bayar 0 rupiah
Akses kelas selamanya
Plus - Rp 50,000
Unlock benefit lainnya yang bisa
didapatkan di kelas
Starter
Sekali bayar saja
Akses kelas selamanya
Sertifikat kelas
.png)
(92)
.webp)
The Ultimate UI/UX Masterclass: Master the Design Process
Rp
2,650,000
Rp
349,000
(65)
.JPG){kind=avatar}
(427)
(49)
UI Styleguide With Figma
-
Trailer kelasVideo 1 minutes
-
Auto Layout IntroVideo 1 minutes
-
Auto Layout [Button]Video 3 minutes
-
Auto Layout [NavigationVideo 5 minutes
-
Auto Layout [Card]Video 5 minutes
-
Auto Layout [List]Video 6 minutes
-
Design Token/Style Library IntroVideo 1 minutes
-
Design Token/Style Library [Color]Video 3 minutes
-
Design Token/Style Library [Typography]Video 2 minutes
-
Design Token/Style Library [Icon]Video 2 minutes
-
Design Token/Style Library [Effect]Video 2 minutes
-
Design Token/Style Library [Grid]Video 2 minutes
-
Component IntroVideo 1 minutes
-
Component Intro ButtonVideo 2 minutes
-
Componen & Variant Intro ButtonVideo 4 minutes
-
Frame & groupVideo 5 minutes
-
Popular pluginVideo 9 minutes
-
PenutupVideo 1 minutes
Member
10,881
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
-
Develop Your Skills
Dalam membuat tampilan UI, Designer perlu menerapkan design yang menarik dan tentunya konsisten dengan UI Style Guide agar memudahkan proses web/mobile development. Dengan UI Style Guide, Designer dapat menghemat waktu karena pembuatan komponen design menjadi lebih praktis dan dapat dikerjakan oleh beberapa designer secara bersamaan.
Pada kelas ini, Mentor menggunakan Figma yang telah digunakan oleh banyak perusahaan besar dunia seperti GitHub, Dropbox, Twitter dan Slack. Kita akan belajar proses design yang cepat dengan fitur-fitur bermanfaat seperti Auto Layout, Design Tokens, hingga beberapa rekomendasi pilihan plugin yang sangat efisien. Nantinya kita juga akan membuat design library dan komponen design yang responsive dengan fitur Auto Layout.
Kelas ini cocok bagi Anda yang ingin mendalami UI Style Guide secara gratis. Selain itu, Mentor ahli kami akan siap membantumu melalui grup konsultasi. Mari belajar Design bersama kami dan sampai jumpa di kelas!
read more
Learn With Expert
Key Points
-
Membuat variant component
-
Membuat component responsive dengan auto layout
-
Memahami perbedaan frame dan group
-
Memahami style guide dan design library
Created For
-
Desainer pemula yang ingin membuat design library
-
UI/UX Designer yang ingin mendalami tools Figma
-
Anda yang ingin mempelajari UI Design dengan Figma
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
10,881
Happy Students
Happy Students
Bambang Suwardono
UI Designer
Materi lengkap sangat cocok untuk pemula, cuma untuk pemateri agak tidak lancar dalam menjelaskan
02 Mar 2026
Reza Subchan
UI Designer
Menurut saya, kelas UI Styleguide With Figma sangat relevan dan praktis
25 Feb 2026
Ani Pitriya Rizki
UI Designer
sangat lengkap
20 Feb 2026
ade irwansyah
Full-Stack Developer
Sangat memberikan ilmu dan memberikan materi sangat jelas
03 Dec 2025
Benyamin Uber Jaya Prana
Product Designer
luar biasa
07 Nov 2025
Puspa Dewi Legawa
UI Designer
course nya mudah dipahami dan langsung to the point, mantap.
26 Oct 2025
Tools Pendukung
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels
yang memberartikan bahwa cocok untuk seluruh
tingkatan. Kami juga menyarankan calon member untuk
mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.
Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan
untuk mendapatkannya, para member diwajibkan untuk
menyelesaikan seluruh materi kelas dan juga Quiz
yang telah disediakan oleh mentor.
Salah satu benefit unggulan kami adalah group
konsultasi yang diberikan sebagai bonus untuk member
yang telah mengikuti kelas Premium di platform BuildWithAngga.
Silakan menghubungi Admin untk mendapatkan akses pada group
tersebut.
Kami mengizinkan member yang telah mengikuti kelas Premium untuk
menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat
utamanya adalah dengan memodifikasi sedikitnya yaitu
30% dari original project buatan mentor kelas tersebut.
Kami melarang member menjual atau membagikan hak akses kelas Premium
kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari
kita support creators Indonesia dengan cara membeli
kelas secara resmi dan satu akun hanya untuk satu pengguna saja.
Kami tidak memperbolehkan member menjual kembali materi kelas di
BuildWithAngga. Kami siap melanjutkan kepada proses
hukum apabila Anda terbukti benar memperjualbelikan kelas
kami secara ilegal.
