Akses kelas selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Complete Web Designer in with Figma
Kelas Online
Complete Web Designer in with Figma
Learn how to build UI Design from scratch
Release date January 2022
Last updated November 2024
Member
1,524 enrolled
Tingkatan
Sertifikat
Konsultasi
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
Mengetahui benefit Auto Layout, Component & Variant pada Figma
Memahami penggunaan Auto Layout, Component & Variant
Memahami fitur baru untuk prototype: Interactive Component
Membangun UI Design dari component
Designed For
Anda yang ingin mendalami UI Design
Anda yang ingin belajar membuat Auto Layout, Component, Variant, dan Interactive Component serta prototypingnya
Anda yang ingin menghemat waktu dalam membuat UI Design
Anda yang ingin memiliki portofolio design yang menjual
Course Lessons
Learn With Expert
Herdetya
UX Designer
(2.1K)
Muhammad Allen Dezen Araf
UX Designer
kelasnya ok untuk orang yang sudah mengenal figma dengan baik tapi sepertinya kurang pas untuk seseorang yang sangat awam dengan figma, karena kelas ini ditunjukan untuk seseorang yang sudah mengenal figma dan ingin mendapatkan ilmu lain read more
Arifaldi Wahyu
UI Designer
Keren kelasnya, cocok emang lagi belajar buat hovering Buat belajar component juga lengkap dan materi disampaikan dengan baik Sayangnya materinya terbilang sedikit, untuk animasi perlu ditambah di elemen lain mungkin dan perlu update dengan versi figma terbaru sepertinya Dan mungkin perlu materi hacks untuk desain dan pengerjaan agar bisa lebih cepat Terimakasih mas detya, ditunggu kelasnya yang lain read more
Pambudiono
UI Designer
Materi yang diberikan sangat jelas dan sangat mudah untuk diikuti oleh pemula read more
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Figma
Software Gratis
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 550,000
Miliki kelas Premium secara permanen dan bangun sebuah projek nyata
Akses kelas selamanya
Premium rewards
Career consultation
Assets & group konsultasi
Sertifikat kelulusan
Lowongan magang dan kerja
.png)
(217)
.png)
(92)
(28)
(192)
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
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.
Complete Web Designer in with Figma
Learn how to build UI Design from scratch
-
-
Part 2: Build Components & Variants13 minutes
-
Part 3: Penamaan Components & Variants7 minutes -
Part 4: Penggunaan Components & Variants18 minutes
-
Part 5: Memahami Penggunaan Publish Library6 minutes
-
Part 6: Fitur Baru Interactive Components8 minutes
-
Part 7: Real Case Build Furniture Website29 minutes
-
Closing1 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
-
Mengetahui benefit Auto Layout, Component & Variant pada Figma
-
Memahami penggunaan Auto Layout, Component & Variant
-
Memahami fitur baru untuk prototype: Interactive Component
-
Membangun UI Design dari component
Created For
-
Anda yang ingin mendalami UI Design
-
Anda yang ingin belajar membuat Auto Layout, Component, Variant, dan Interactive Component serta prototypingnya
-
Anda yang ingin menghemat waktu dalam membuat UI Design
-
Anda yang ingin memiliki portofolio design yang menjual
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
1,524
Happy Students
Happy Students
Muhammad Allen Dezen Arafa
UX Designer
kelasnya ok untuk orang yang sudah mengenal figma dengan baik tapi sepertinya kurang pas untuk seseorang yang sangat awam dengan figma, karena kelas ini ditunjukan untuk seseorang yang sudah mengenal figma dan ingin mendapatkan ilmu lain
Arifaldi Wahyu
UI Designer
Keren kelasnya, cocok emang lagi belajar buat hovering Buat belajar component juga lengkap dan materi disampaikan dengan baik Sayangnya materinya terbilang sedikit, untuk animasi perlu ditambah di elemen lain mungkin dan perlu update dengan versi figma terbaru sepertinya Dan mungkin perlu materi hacks untuk desain dan pengerjaan agar bisa lebih cepat Terimakasih mas detya, ditunggu kelasnya yang lain
Pambudiono
UI Designer
Materi yang diberikan sangat jelas dan sangat mudah untuk diikuti oleh pemula
Fikran Rakadifa
UI Designer
Mudah dimengerti
Reza Hidayatullah
Lifetime Learner
mudah dipahami
Fairuz Yorisyahputra
UI Designer
Kelasnya keren
Tools Pendukung
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
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.
