Akses kelas selamanya

Ambil Promo
flash sale
hamburger-menu

Kelas Online Gratis
UI Styleguide With Figma

Learn how to collaborate trough design

icon global
Release date June 2022
icon convert
Last updated November 2023
Member

10,207 enrolled

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

icon_check

Membuat variant component

icon_check

Membuat component responsive dengan auto layout

icon_check

Memahami perbedaan frame dan group

icon_check

Memahami style guide dan design library

Designed For

icon_check

Desainer pemula yang ingin membuat design library

icon_check

UI/UX Designer yang ingin mendalami tools Figma

icon_check

Anda yang ingin mempelajari UI Design dengan Figma

Course Lessons

Learn With Expert

Mentor Jalu Detya

Jalu Detya

UX Designer

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

(11.5K)

Our Happy Students

Review setelah bergabung di kelas UI Styleguide With Figma

All Rating
Riswandha Agustian at BuildWithAngga
Riswandha Agustian

Lifetime Learner

Mantaap sekali, sangat bermanfaat bagi yg baru belajar ui. read more

ic-star ic-star ic-star ic-star ic-star
ahmad hakim makarim at BuildWithAngga
Ahmad hakim makarim

Lifetime Learner

Materi bukan Abal abal read more

ic-star ic-star ic-star ic-star ic-star
Putra Kesuma at BuildWithAngga
Putra Kesuma

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star
M. Iqbal Effendi at BuildWithAngga
M. Iqbal Effendi

Back-End Developer

Keren, membantu banget read more

ic-star ic-star ic-star ic-star ic-star
Muhammad Afrizal Rizky Widyanto at BuildWithAngga
Muhammad Afrizal Rizky Wi

Front-End Developer

mantap performa untuk bekerja dengan figma makin cepat dan rapi, thanks BWA read more

ic-star ic-star ic-star ic-star ic-star
Gumilar at BuildWithAngga
Gumilar

UI Designer

praktek mudah dipahami read more

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

logo

Figma

Software Gratis

#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

UI Styleguide With Figma

Learn how to collaborate trough design

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
  • check
    Membuat variant component
  • check
    Membuat component responsive dengan auto layout
  • check
    Memahami perbedaan frame dan group
  • check
    Memahami style guide dan design library
Created For
  • check
    Desainer pemula yang ingin membuat design library
  • check
    UI/UX Designer yang ingin mendalami tools Figma
  • check
    Anda yang ingin mempelajari UI Design dengan Figma
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
10,207
Happy Students
Riswandha Agustian at BuildWithAngga
Riswandha Agustian

Lifetime Learner

Mantaap sekali, sangat bermanfaat bagi yg baru belajar ui.

ic-star ic-star ic-star ic-star ic-star
ahmad hakim makarim at BuildWithAngga
ahmad hakim makarim

Lifetime Learner

Materi bukan Abal abal

ic-star ic-star ic-star ic-star ic-star
Putra Kesuma at BuildWithAngga
Putra Kesuma

Full-Stack Developer

keren

ic-star ic-star ic-star ic-star ic-star
M. Iqbal Effendi at BuildWithAngga
M. Iqbal Effendi

Back-End Developer

Keren, membantu banget

ic-star ic-star ic-star ic-star ic-star
Muhammad Afrizal Rizky Widyanto at BuildWithAngga
Muhammad Afrizal Rizky Widyanto

Front-End Developer

mantap performa untuk bekerja dengan figma makin cepat dan rapi, thanks BWA

ic-star ic-star ic-star ic-star ic-star
Gumilar at BuildWithAngga
Gumilar

UI Designer

praktek mudah dipahami

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

Pertanyaan Umum

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

Contact CS

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.

Rp 0

arrow_upward