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,476 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
Nur Rohman at BuildWithAngga
Nur Rohman

UX Designer

wow keren, materi dijelaskan dengan bahsa yang mudah dimengerti read more

ic-star ic-star ic-star ic-star ic-star
wahyu fahreza at BuildWithAngga
Wahyu fahreza

Lifetime Learner

Gabisa Ngomong apa-apa, bisa buat desain system sederhana senengnya luar biasa. makasih mas herdetya. semangat terus beri tutornya read more

ic-star ic-star ic-star ic-star ic-star
Muhamad Rizki Aulia at BuildWithAngga
Muhamad Rizki Aulia

Lifetime Learner

ic-star ic-star ic-star ic-star ic-star
Fahmi Rizal Mutiara at BuildWithAngga
Fahmi Rizal Mutiara

UI Designer

Materinya cukup ringan namun powerfull read more

ic-star ic-star ic-star ic-star ic-star
M Putera Pamungkas at BuildWithAngga
M Putera Pamungkas

Full-Stack Developer

Keren kelasnya bener" mudah dipahami dan ngebantu banget buat yang mau belajar variant dan auto layout di figma read more

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
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,476
Happy Students
shiddiqculess14790 at BuildWithAngga
shiddiqculess14790

UX Designer

wow keren, materi dijelaskan dengan bahsa yang mudah dimengerti

ic-star ic-star ic-star ic-star ic-star
wahyufahrezawf10 at BuildWithAngga
wahyufahrezawf10

Lifetime Learner

Gabisa Ngomong apa-apa, bisa buat desain system sederhana senengnya luar biasa. makasih mas herdetya. semangat terus beri tutornya

ic-star ic-star ic-star ic-star ic-star
muhrizkia12 at BuildWithAngga
muhrizkia12

Lifetime Learner

Mantap

ic-star ic-star ic-star ic-star ic-star
fahmirizalmutiara at BuildWithAngga
fahmirizalmutiara

UI Designer

Materinya cukup ringan namun powerfull

ic-star ic-star ic-star ic-star ic-star
mputerapamungkas at BuildWithAngga
mputerapamungkas

Full-Stack Developer

Keren kelasnya bener" mudah dipahami dan ngebantu banget buat yang mau belajar variant dan auto layout di figma

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
loader

Rp 550,000

arrow_upward