Akses kelas selamanya

Ambil Promo
flash sale
hamburger-menu

Kelas Online
Complete Web Designer in with Figma

Learn how to build UI Design from scratch

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

1,482 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

Develop Your Skills

Saat mendesain sebuah aplikasi, penting bagi Designer untuk menentukan Design System yang meliputi Style Guide, Component Library, dan Documentation. Dengan demikian Designer tidak hanya dikenal mampu membuat tampilan antarmuka (UI) yang menawan, namun juga dapat jadi sosok yang menyenangkan untuk diajak kolaborasi karena cara kerjanya profesional. Pada kelas ini, Anda akan belajar membangun Component Library dengan Figma. Anda akan mengubah beragam component menjadi sebuah high quality design berupa website furnitur.

Bersama Mentor ahli Kami, Anda akan mempelajari fitur-fitur pembuatan UI component pada Figma yang bisa membuat workflow jadi lebih hemat waktu dan budget. Melalui fitur Auto Layout, Anda bisa menerapkan dynamic frame yang bisa menyesuaikan component dengan isinya. Contohnya ukuran button yang bisa otomatis mengikuti wording di dalamnya. Lalu ada Variant yaitu grup component, yang sangat berguna karena hanya dengan sekali buat, bisa dipakai berkali-kali. Selain itu Anda juga akan ketahui Interactive Component, sebuah fitur terbaru Figma yang memungkinkan prototype langsung pada Variant.

Kelas ini adalah ilmu dasar dari Design System yang wajib diketahui UI Designer agar bisa mendesain UI secara efektif. Silahkan bergabung pada kelas Design BuildWith Angga lainnya untuk menguasai UI Design dari teori hingga aplikasi. Sampai jumpa di kelas, ya!

Sneak Peek

Key Points

icon_check

Mengetahui benefit Auto Layout, Component & Variant pada Figma

icon_check

Memahami penggunaan Auto Layout, Component & Variant

icon_check

Memahami fitur baru untuk prototype: Interactive Component

icon_check

Membangun UI Design dari component

Designed For

icon_check

Anda yang ingin mendalami UI Design

icon_check

Anda yang ingin belajar membuat Auto Layout, Component, Variant, dan Interactive Component serta prototypingnya

icon_check

Anda yang ingin menghemat waktu dalam membuat UI Design

icon_check

Anda yang ingin memiliki portofolio design yang menjual

Course Lessons

Learn With Expert

Mentor Herdetya

Herdetya

UX Designer

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

(2K)

Our Happy Students

Review setelah bergabung di kelas Complete Web Designer in with Figma

All Rating
Meisya Jala Girinda at BuildWithAngga
Meisya Jala Girinda

Lifetime Learner

ic-star ic-star ic-star ic-star ic-star
ilvi nur diana at BuildWithAngga
Ilvi nur diana

UI Designer

Mantapss! read more

ic-star ic-star ic-star ic-star ic-star
akmalul yaqin at BuildWithAngga
Akmalul yaqin

Lifetime Learner

ic-star ic-star ic-star ic-star ic-star
Eric Angelo at BuildWithAngga
Eric Angelo

Full-Stack Developer

Mantapp, mentor Mas Detya jelas banget ngejelasin di bagian prototypingnya! read more

ic-star ic-star ic-star ic-star ic-star
Mohammad Badar Pamungkas at BuildWithAngga
Mohammad Badar Pamungkas

UI Designer

Materi to the point dengan penyampaian yang mudah dipahami read more

ic-star ic-star ic-star ic-star ic-star
Wahid Izami at BuildWithAngga
Wahid Izami

UI Designer

Powerfull dan bermanfaat, semoga kita sehat selalu dan dimudahkan segala urusan.. 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

Featured Projects

9 Hasil karya terbaik di kelas Complete Web Designer in with Figma

 member of BuildWithAngga

yogas

 member of BuildWithAngga

permana7908

 member of BuildWithAngga

muhammadhikaru

 member of BuildWithAngga

dimasaddriansyah14

 member of BuildWithAngga

triard

 member of BuildWithAngga

ramli-agustiawan

 member of BuildWithAngga

isengsakun227

 member of BuildWithAngga

gagasnusa34224

 member of BuildWithAngga

lilbee1411

Are You The Next?

Lihat hasil karya member lainnya

View All Portfolio

Low Risk, High Return

Investasi kepada diri kita sendiri memberikan
leverage kuat untuk masa depan karir kita

icon_check

Selamanya

Rp 550,000

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

icon_check

Akses kelas selamanya

icon_check

Premium rewards

icon_check

Career consultation

icon_check

Assets & group konsultasi

icon_check

Sertifikat kelulusan

icon_check

Free akses kelas Freemium

icon_check

Lowongan magang dan kerja

Lihat Benefit Lainnya
jaminan
Jaminan Uang Kembali
Tidak perlu khawatir untuk mulai berinvestasi karena Anda bisa melakukan refund

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.

Kami telah menyediakan kelas yang terstruktur dan well-designed oleh mentor yang berpengalaman sehingga akan sangat mudah untuk dipahami oleh siapa saja.

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.
Foto kelas Complete Web Designer in with Figma Foto kelas Complete Web Designer in with Figma Foto kelas Complete Web Designer in with Figma Foto kelas Complete Web Designer in with Figma

Complete Web Designer in with Figma

Learn how to build UI Design from scratch

  • lock
    Closing
    1 minutes
Develop Your Skills

Saat mendesain sebuah aplikasi, penting bagi Designer untuk menentukan Design System yang meliputi Style Guide, Component Library, dan Documentation. Dengan demikian Designer tidak hanya dikenal mampu membuat tampilan antarmuka (UI) yang menawan, namun juga dapat jadi sosok yang menyenangkan untuk diajak kolaborasi karena cara kerjanya profesional. Pada kelas ini, Anda akan belajar membangun Component Library dengan Figma. Anda akan mengubah beragam component menjadi sebuah high quality design berupa website furnitur.

Bersama Mentor ahli Kami, Anda akan mempelajari fitur-fitur pembuatan UI component pada Figma yang bisa membuat workflow jadi lebih hemat waktu dan budget. Melalui fitur Auto Layout, Anda bisa menerapkan dynamic frame yang bisa menyesuaikan component dengan isinya. Contohnya ukuran button yang bisa otomatis mengikuti wording di dalamnya. Lalu ada Variant yaitu grup component, yang sangat berguna karena hanya dengan sekali buat, bisa dipakai berkali-kali. Selain itu Anda juga akan ketahui Interactive Component, sebuah fitur terbaru Figma yang memungkinkan prototype langsung pada Variant.

Kelas ini adalah ilmu dasar dari Design System yang wajib diketahui UI Designer agar bisa mendesain UI secara efektif. Silahkan bergabung pada kelas Design BuildWith Angga lainnya untuk menguasai UI Design dari teori hingga aplikasi. Sampai jumpa di kelas, ya!

read more
Learn With Expert
Key Points
  • check
    Mengetahui benefit Auto Layout, Component & Variant pada Figma
  • check
    Memahami penggunaan Auto Layout, Component & Variant
  • check
    Memahami fitur baru untuk prototype: Interactive Component
  • check
    Membangun UI Design dari component
Created For
  • check
    Anda yang ingin mendalami UI Design
  • check
    Anda yang ingin belajar membuat Auto Layout, Component, Variant, dan Interactive Component serta prototypingnya
  • check
    Anda yang ingin menghemat waktu dalam membuat UI Design
  • check
    Anda yang ingin memiliki portofolio design yang menjual
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
private
Assets & Grup Private
Diskusi belajar agar lebih terarah
project
Sertifikat & Portfolio
Gunakan untuk modal bekerja
access
Akses Freemium Courses
Sehingga lebih up to date
1,482
Happy Students
jalagirindam at BuildWithAngga
jalagirindam

Lifetime Learner

okee

ic-star ic-star ic-star ic-star ic-star
ilvinur8 at BuildWithAngga
ilvinur8

UI Designer

Mantapss!

ic-star ic-star ic-star ic-star ic-star
aakmalulyaqin at BuildWithAngga
aakmalulyaqin

Lifetime Learner

keren

ic-star ic-star ic-star ic-star ic-star
ericangelo1503 at BuildWithAngga
ericangelo1503

Full-Stack Developer

Mantapp, mentor Mas Detya jelas banget ngejelasin di bagian prototypingnya!

ic-star ic-star ic-star ic-star ic-star
mbadarp317 at BuildWithAngga
mbadarp317

UI Designer

Materi to the point dengan penyampaian yang mudah dipahami

ic-star ic-star ic-star ic-star ic-star
wahidizami07 at BuildWithAngga
wahidizami07

UI Designer

Powerfull dan bermanfaat, semoga kita sehat selalu dan dimudahkan segala urusan..

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

Rp 550,000

arrow_upward