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 August 2024
Member
1,497 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
(2K)
Muhamad hardiyansyah
Full-Stack Developer
sangan keren dapet ilmu yg sangat bermanfaat untuk design Figma read more
Muhammad Allen Dezen Araf
UI 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
Jimi Alviandi
Lifetime Learner
kelasnya bagus banget, mudah dimengerti, to the point, study case yang dijelaskan dengan singkat namun bener-bener mudah dipahami. read more
AVIS TANTRA MUKTI
Lifetime Learner
Pengenalan variants dan components dengan mudah dan ringkas. cocok juga untuk pemula 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
Rp 129,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)
.png)
.png)
.png)
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,497
Happy Students
Happy Students
senapratama013582
Front-End Developer
Sangat jelas dan keren dalam penjelasan nya
hardiyansyahm
Full-Stack Developer
sangan keren dapet ilmu yg sangat bermanfaat untuk design Figma
dezen21
UI 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
elsarosalina333369
Lifetime Learner
mantap, makasi mas
jimialviandi123
Lifetime Learner
kelasnya bagus banget, mudah dimengerti, to the point, study case yang dijelaskan dengan singkat namun bener-bener mudah dipahami.
avistantra01765
Lifetime Learner
Pengenalan variants dan components dengan mudah dan ringkas. cocok juga untuk pemula
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.
Rp 129,000
Rp 550,000
