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 June 2023
Member
1,461 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
(1.9K)
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
Eric Angelo
Full-Stack Developer
Mantapp, mentor Mas Detya jelas banget ngejelasin di bagian prototypingnya! read more
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
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Featured Projects
9 Hasil karya terbaik di kelas Complete Web Designer in with Figma
yogas
permana7908
muhammadhikaru
dimasaddriansyah14
triard
ramli-agustiawan
isengsakun227
gagasnusa34224
lilbee1411
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
Free akses kelas Freemium
Lowongan magang dan kerja
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
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.
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
Akses Freemium Courses
Sehingga lebih up to date
1,461
Happy Students
Happy Students
mputerapamungkas
Full-Stack Developer
Keren kelasnya bener" mudah dipahami dan ngebantu banget buat yang mau belajar variant dan auto layout di figma
ericangelo1503
Full-Stack Developer
Mantapp, mentor Mas Detya jelas banget ngejelasin di bagian prototypingnya!
bobben22212345
Full-Stack Developer
Mantap
Workshopkepangeranan
Full-Stack Developer
mudah bgt dipahami
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.
milaamelia11
UI Designer
Thank you Mas Detya tutorialnya mudah dipahami dan compact
Tools Pendukung
