flash sale
hamburger-menu

Kelas Online
Intro to Design System

Build your design system from scratch

icon global
Release date February 2022
icon convert
Last updated December 2024
Member

1,479 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

Develop Your Skills

Design system adalah kumpulan komponen design, code, ataupun dokumentasi yang dapat digunakan sebagai panduan utama yang memunginkan designer serta developer memiliki lebih banyak kontrol atas berbagai platform. Dengan hadirnya design system, dapat menjaga konsistensi tampilan user interface dan meningkatkan user experience menjadi lebih baik. Disisi bisnis, design system sangat berguna dalam menghemat waktu dan biaya ketika mengembangkan suatu produk.

Bersama mentor Angga Risky, kita akan mempelajari design system dari mulai manfaat, alur kerja pembuatannya, tools yang digunakan, hingga pada akhirnya, kita akan membuat MVP dari design system. Selain itu, mentor juga akan menjelaskan berbagai resource yang dibutuhkan untuk mencari inspirasi mengenai design system.

Kelas ini sesuai untuk Anda yang ingin memahami apa itu design system. Tidak hanya ditujukan untuk UI/UX Designer ataupun Developer, kelas ini sangat sesuai untuk stakeholder lain agar dapat memudahkan tim dalam bekerja sama. Yuk segera daftar dan kami tunggu di kelas ya!

 

Sneak Peek

Key Points

icon_check

Mengenal design system dan manfaat utama untuk perusahaan

icon_check

Alur kerja pembuatan sebuah design system

icon_check

Tools utama yang digunakan untuk membuat design system

icon_check

Membangun design system versi MVP

Designed For

icon_check

Anda yang ingin memahami poin penting design system

icon_check

Anda yang ingin latihan membangun design system

icon_check

Anda yang ingin membantu perusahaan lebih kompak

icon_check

Anda yang ingin mengembangkan Startup

Course Lessons

Learn With Expert

Mentor Angga Risky S

Angga Risky S

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star

(417.2K)

Our Happy Students

Review setelah bergabung di kelas Intro to Design System

All Rating
Yanuarsyah Indra at BuildWithAngga
Yanuarsyah Indra

Product Designer

very insightful knowledge! ternyata tuh design system ga sesederhana itu, tapi benar-benar dijelasin secara sederhana, sangat mudah dimengerti, keren! read more

ic-star ic-star ic-star ic-star ic-star
Yusuf K at BuildWithAngga
Yusuf K

Full-Stack Developer

Bagus, Cocok untuk yang ingin belajar dan baru mengenal tentang design system. read more

ic-star ic-star ic-star ic-star ic-star
Mada Okty Pratama at BuildWithAngga
Mada Okty Pratama

UI Designer

ic-star ic-star ic-star ic-star ic-star
Raihan Akmal Harun at BuildWithAngga
Raihan Akmal Harun

UI Designer

Penjelasan dan Pembuatan Design System sudah detail untuk dipelajari. Tinggal sering latihan dengan pembuatan dan penggunaan design system read more

ic-star ic-star ic-star ic-star ic-star
Faris Abdul Aziz at BuildWithAngga
Faris Abdul Aziz

Lifetime Learner

sangat bermanfaat read more

ic-star ic-star ic-star ic-star ic-star
Zahid at BuildWithAngga
Zahid

Product Designer

🙌🙌🙌🙌 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

logo

Figma

Software Gratis

Low Risk, High Return

Investasi kepada diri kita sendiri memberikan
leverage kuat untuk masa depan karir kita

icon_check

Selamanya

Rp 20,000

ic info

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 Intro to Design System Foto kelas Intro to Design System Foto kelas Intro to Design System Foto kelas Intro to Design System

Intro to Design System

Build your design system from scratch

  • lock
    Awal Mulai Praktek V2
    1 minutes
  • lock
    Mempersiapkan Bahan Belajar
    3 minutes
  • lock
    Menambahkan Color Style
    6 minutes
  • lock
    Color Style Layout Design
    9 minutes
  • lock
    Color Theme Design
    9 minutes

  • lock
    Add Text Style & Typography Layout
    9 minutes
  • lock
    Add Paragraph Section
    8 minutes

  • lock
    Desktop Grid System
    7 minutes
  • lock
    Layout Usage & Spacing Guidelines
    10 minutes

  • lock
    Button Component Section
    10 minutes
  • lock
    Secondary Button Section
    4 minutes
  • lock
    Alternative Button Section
    4 minutes

  • lock
    Input Field Section
    6 minutes
  • lock
    Input Field Section Part 2
    5 minutes
  • lock
    Input Avatar Section
    8 minutes

  • lock
    Brands Logo Design
    6 minutes
  • lock
    Brands Logo Design Part 2
    5 minutes
  • lock
    Brands Favicon & Emblem
    4 minutes
  • lock
    Iconography Design
    6 minutes

  • lock
    Badge Layout Design
    4 minutes
  • lock
    Badge Layout Design Part 2
    4 minutes
  • lock
    Navigation Layout Design
    6 minutes

  • lock
    Import Figma ke Zeroheight
    4 minutes
  • lock
    Import Color Styles
    3 minutes
  • lock
    Import Typography & Usage
    7 minutes
  • lock
    Import Spacing & Grid
    6 minutes

  • lock
    Import Button dan Code
    9 minutes
  • lock
    Import Downloadable Assets
    6 minutes
  • lock
    Brand Logo Usage
    6 minutes
  • lock
    Merapihkan Dokumentasi
    5 minutes
  • lock
    Import Icons
    6 minutes

  • lock
    Icon Download Files
    4 minutes
  • lock
    Form Component Part 1
    5 minutes
  • lock
    Form Component Part 2
    6 minutes
  • lock
    Card Component Part 1
    5 minutes
  • lock
    Card Component Part 2
    5 minutes

  • lock
    Menambahkan Shortcut Tiles
    6 minutes
  • lock
    Design Cover Shortcut Tiles
    8 minutes
  • lock
    Shortcut Tiles Cover Part 2
    3 minutes
  • lock
    Finishing Cover Tiles
    5 minutes
  • lock
    Penutup dan Saran
    0 minutes
Develop Your Skills

Design system adalah kumpulan komponen design, code, ataupun dokumentasi yang dapat digunakan sebagai panduan utama yang memunginkan designer serta developer memiliki lebih banyak kontrol atas berbagai platform. Dengan hadirnya design system, dapat menjaga konsistensi tampilan user interface dan meningkatkan user experience menjadi lebih baik. Disisi bisnis, design system sangat berguna dalam menghemat waktu dan biaya ketika mengembangkan suatu produk.

Bersama mentor Angga Risky, kita akan mempelajari design system dari mulai manfaat, alur kerja pembuatannya, tools yang digunakan, hingga pada akhirnya, kita akan membuat MVP dari design system. Selain itu, mentor juga akan menjelaskan berbagai resource yang dibutuhkan untuk mencari inspirasi mengenai design system.

Kelas ini sesuai untuk Anda yang ingin memahami apa itu design system. Tidak hanya ditujukan untuk UI/UX Designer ataupun Developer, kelas ini sangat sesuai untuk stakeholder lain agar dapat memudahkan tim dalam bekerja sama. Yuk segera daftar dan kami tunggu di kelas ya!

 

read more
Learn With Expert
Key Points
  • check
    Mengenal design system dan manfaat utama untuk perusahaan
  • check
    Alur kerja pembuatan sebuah design system
  • check
    Tools utama yang digunakan untuk membuat design system
  • check
    Membangun design system versi MVP
Created For
  • check
    Anda yang ingin memahami poin penting design system
  • check
    Anda yang ingin latihan membangun design system
  • check
    Anda yang ingin membantu perusahaan lebih kompak
  • check
    Anda yang ingin mengembangkan Startup
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,479
Happy Students
Yanuarsyah Indra at BuildWithAngga
Yanuarsyah Indra

Product Designer

very insightful knowledge! ternyata tuh design system ga sesederhana itu, tapi benar-benar dijelasin secara sederhana, sangat mudah dimengerti, keren!

ic-star ic-star ic-star ic-star ic-star
Yusuf K at BuildWithAngga
Yusuf K

Full-Stack Developer

Bagus, Cocok untuk yang ingin belajar dan baru mengenal tentang design system.

ic-star ic-star ic-star ic-star ic-star
Mada Okty Pratama at BuildWithAngga
Mada Okty Pratama

UI Designer

m

ic-star ic-star ic-star ic-star ic-star
Raihan Akmal Harun at BuildWithAngga
Raihan Akmal Harun

UI Designer

Penjelasan dan Pembuatan Design System sudah detail untuk dipelajari. Tinggal sering latihan dengan pembuatan dan penggunaan design system

ic-star ic-star ic-star ic-star ic-star
Faris Abdul Aziz at BuildWithAngga
Faris Abdul Aziz

Lifetime Learner

sangat bermanfaat

ic-star ic-star ic-star ic-star ic-star
Zahid at BuildWithAngga
Zahid

Product Designer

🙌🙌🙌🙌

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 20,000

Rp 550,000

arrow_upward