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 August 2024
Member

1,497 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
Sena Pratama at BuildWithAngga
Sena Pratama

Front-End Developer

Sangat jelas dan keren dalam penjelasan nya read more

ic-star ic-star ic-star ic-star ic-star
muhamad hardiyansyah at BuildWithAngga
Muhamad hardiyansyah

Full-Stack Developer

sangan keren dapet ilmu yg sangat bermanfaat untuk design Figma read more

ic-star ic-star ic-star ic-star ic-star
Muhammad Allen Dezen Arafa at BuildWithAngga
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

ic-star ic-star ic-star ic-star ic-star
Elsa Rosalina at BuildWithAngga
Elsa Rosalina

Lifetime Learner

mantap, makasi mas read more

ic-star ic-star ic-star ic-star ic-star
Jimi Alviandi at BuildWithAngga
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

ic-star ic-star ic-star ic-star ic-star
AVIS TANTRA MUKTI at BuildWithAngga
AVIS TANTRA MUKTI

Lifetime Learner

Pengenalan variants dan components dengan mudah dan ringkas. cocok juga untuk pemula 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 129,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

Lowongan magang dan kerja

Lihat Benefit Lainnya

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.

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
1,497
Happy Students
senapratama013582 at BuildWithAngga
senapratama013582

Front-End Developer

Sangat jelas dan keren dalam penjelasan nya

ic-star ic-star ic-star ic-star ic-star
hardiyansyahm at BuildWithAngga
hardiyansyahm

Full-Stack Developer

sangan keren dapet ilmu yg sangat bermanfaat untuk design Figma

ic-star ic-star ic-star ic-star ic-star
dezen21 at BuildWithAngga
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

ic-star ic-star ic-star ic-star ic-star
elsarosalina333369 at BuildWithAngga
elsarosalina333369

Lifetime Learner

mantap, makasi mas

ic-star ic-star ic-star ic-star ic-star
jimialviandi123 at BuildWithAngga
jimialviandi123

Lifetime Learner

kelasnya bagus banget, mudah dimengerti, to the point, study case yang dijelaskan dengan singkat namun bener-bener mudah dipahami.

ic-star ic-star ic-star ic-star ic-star
avistantra01765 at BuildWithAngga
avistantra01765

Lifetime Learner

Pengenalan variants dan components dengan mudah dan ringkas. cocok juga untuk pemula

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

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.

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

arrow_upward