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

9,963 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.2K)

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

#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
9,963
Happy Students
rsndhgstn77 at BuildWithAngga
rsndhgstn77

Lifetime Learner

Mantaap sekali, sangat bermanfaat bagi yg baru belajar ui.

ic-star ic-star ic-star ic-star ic-star
ahmadhakimmakarim8283345 at BuildWithAngga
ahmadhakimmakarim8283345

Lifetime Learner

Materi bukan Abal abal

ic-star ic-star ic-star ic-star ic-star
uchaputraa at BuildWithAngga
uchaputraa

Full-Stack Developer

keren

ic-star ic-star ic-star ic-star ic-star
iqbaleff214 at BuildWithAngga
iqbaleff214

Back-End Developer

Keren, membantu banget

ic-star ic-star ic-star ic-star ic-star
afrizalrizky777 at BuildWithAngga
afrizalrizky777

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
gumilargandam345 at BuildWithAngga
gumilargandam345

UI Designer

praktek mudah dipahami

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

Rp 0

arrow_upward