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 June 2023
Member

1,461 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

(1.9K)

Our Happy Students

Review setelah bergabung di kelas Complete Web Designer in with Figma

All Rating
M Putera Pamungkas at BuildWith Angga
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
Eric Angelo at BuildWith Angga
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
Bobby Marsh at BuildWith Angga
Bobby Marsh

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star
Rizky Ramadhan l at BuildWith Angga
Rizky Ramadhan l

Full-Stack Developer

mudah bgt dipahami read more

ic-star ic-star ic-star ic-star ic-star
Irine Fortuna Heipon at BuildWith Angga
Irine Fortuna Heipon

UX Designer

Materi dikemas sangat menarik, lengkap dan tidak membosankan karena tutor menyampaikan dengan bahasa yang jelas dan mudah dimengerti. Sehingga ilmu dapat langsung dipraktekkan dengan sangat mudah. Terima kasih mas Detya dan BWA. read more

ic-star ic-star ic-star ic-star ic-star
mila amelia at BuildWith Angga
Mila amelia

UI Designer

Thank you Mas Detya tutorialnya mudah dipahami dan compact 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 BuildWith Angga

yogas

 member of BuildWith Angga

permana7908

 member of BuildWith Angga

muhammadhikaru

 member of BuildWith Angga

dimasaddriansyah14

 member of BuildWith Angga

triard

 member of BuildWith Angga

ramli-agustiawan

 member of BuildWith Angga

isengsakun227

 member of BuildWith Angga

gagasnusa34224

 member of BuildWith Angga

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 BuildWith Angga. 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 BuildWith Angga. 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,461
Happy Students
mputerapamungkas at BuildWith Angga
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
ericangelo1503 at BuildWith Angga
ericangelo1503

Full-Stack Developer

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

ic-star ic-star ic-star ic-star ic-star
bobben22212345 at BuildWith Angga
bobben22212345

Full-Stack Developer

Mantap

ic-star ic-star ic-star ic-star ic-star
Workshopkepangeranan at BuildWith Angga
Workshopkepangeranan

Full-Stack Developer

mudah bgt dipahami

ic-star ic-star ic-star ic-star ic-star
onafortuna at BuildWith Angga
onafortuna

UX Designer

Materi dikemas sangat menarik, lengkap dan tidak membosankan karena tutor menyampaikan dengan bahasa yang jelas dan mudah dimengerti. Sehingga ilmu dapat langsung dipraktekkan dengan sangat mudah. Terima kasih mas Detya dan BWA.

ic-star ic-star ic-star ic-star ic-star
milaamelia11 at BuildWith Angga
milaamelia11

UI Designer

Thank you Mas Detya tutorialnya mudah dipahami dan compact

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

Rp 550,000

arrow_upward