Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Complete Guide Mastering Figma Variable for Design Prototype
Kelas Online
Complete Guide Mastering Figma Variable for Design Prototype
Released date November 2024
Last updated March 2026
Member
100 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
64 lessons (9.63 hours)
Develop Your Skills
Fitur variable Figma telah dirilis sejak update LITTLE BIG UPDATE 2023 dengan menghadirkan perubahan besar yang cukup signifikan dalam penggunaan aplikasi Figma.
Selama ini, kita menggunakan color styles untuk menyimpan warna dalam desain, namun fitur ini sangat terbatas untuk membangun design system yang kompleks. Dengan variable, kita dapat menerapkan sifat variable alias / inheritance antar warna, memungkinkan pembuatan design system yang lebih terstruktur. Variable juga memungkinkan pembuatan prototype yang lebih interaktif dan kompleks dengan jumlah screens yang lebih sedikit.
Di kelas “Complete Guide Mastering Figma Variables for Prototype & Design” kita akan mempelajari mulai dari hal basic, seperti apa itu pengertian variable secara global dan fungsi sederhananya dalam Figma. Lalu, kita akan belajar juga tentang variable collection, variable scope, code syntax, variable mode, dan fugnsinya dalam design system.
Tidak berhenti sampai situ. Kita akan mempelajari juga penggunaan variable untuk prototype di Figma, termasuk variable expressions, conditional if-else, serta membahas secara mendalam dua project advanced prototype, yaitu aplikasi furniture ecommerce dan aplikasi game Tic Tac Toe. Semua fungsi dan interaksi dalam 2 project tersebut akan kita bedah untuk memahami cara kerjanya secara detail.
Kelas ini dirancang untuk semua tingkatan pengalaman, dari pemula hingga professional desainer. Dengan pengetahuan dan keterampilan yang Anda peroleh dari kelas ini, Anda akan dapat menguasai penggunaan variable Figma untuk menciptakan prototype interaktif dan design system yang lebih efektif.
So, tunggu apalagi? Segera bergabung dengan kelas kami untuk mengembangkan kemampuan Anda dalam mengelola variable Figma dan membuat desain yang lebih interaktif serta efisien.
Sampai jumpa di kelas dan selamat belajar!
Sneak Peek
Key Points
Memahami pengertian sederhana & struktur variable Figma
Mengetahui fungsi atau kegunaan dari fitur variable Figma
Mempelajari tips dan trick untuk cepat memahami penggunaan variable
Mempelajari trick untuk mengatasi kelemahan dari variable Figma
Penjelasan dan praktik variable untuk design visual termasuk design system
Mempelajari interaksi sederhana, expressions, conditional & variable modes untuk prototype Figma
Melakukan breakdown penggunaan variable pada 2 project advanced prototype
Melatih analisa dan penalaran berdasarkan beberapa project variable yang ada di Figma Community
Designed For
Anda yang ingin mempelajari fitur baru Figma
Anda yang ingin mencoba membuat project advanced prototype
Anda yang ingin mengetahui cara kerja & logika penggunaan variable pada prototoype
Anda yang ingin mempelajari penggunaan variable untuk design system
Anda yang ingin mengetahui perbedaan local styles dan variable token
Anda yang ingin menambahkan value lebih untuk produk digital UI kit dan design system
Course Lessons
Videos language: Bahasa Indonesia (Auto-translation available)
Learn With Expert
Ahmad Zahraturrafiq
UI Designer
(2.9K)
Muhammad Fadli Rusady
UI Designer
too much and too little for a beginner with a spirit of learning, thank you a lot for a mentor I appreciate. read more
02 Feb 2026
Muhammad rizki
UI Designer
Kelas ini sangat bermanfaat dan membantu saya memahami fitur variable di Figma dengan jelas read more
25 Sep 2025
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Figma
Software
Figjam
Software
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
Recommended for You
HeyHao - Chatting Website Figma Template Design
Rp
550,000
Rp
55,000
(7)
(100)
WooCommerce Mastery: Membuat Toko Online dengan Elementor
Rp
390,000
Rp
79,000
(456)
(26)
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 Guide Mastering Figma Variable for Design Prototype
Videos language: Bahasa Indonesia (Auto-translation available)
-
Perkenalan MentorVideo 3 minutes -
Pengertian Struktur VariableVideo 8 minutes
-
Apakah Fitur Variable Figma GratisVideo 7 minutes
-
Fungsi Variable FigmaVideo 14 minutes
-
Jenis Data Variable FigmaVideo 7 minutes
-
Kelemahan Variable FigmaVideo 15 minutes
-
Tips Menguasai Variable FigmaVideo 5 minutes
-
Variable CollectionVideo 13 minutes
-
Variable Scope Code SyntaxVideo 8 minutes
-
Variable AliasVideo 15 minutes
-
Praktik Penerapan VariableVideo 14 minutes
-
Variable ModeVideo 9 minutes
-
Pengertian Design SystemVideo 10 minutes
-
Color Styles VariablesVideo 8 minutes
-
Color Variables Untuk Design SystemVideo 7 minutes
-
Spacing SystemVideo 11 minutes
-
Publishing Design SystemVideo 9 minutes
-
Signifikasi Variable Pada PrototypeVideo 5 minutes
-
Struktur Ketentuan Variable PrototypeVideo 8 minutes
-
Interaksi StringVideo 3 minutes
-
Interaksi String VariantsVideo 4 minutes
-
Interaksi String Interactive ComponentVideo 5 minutes
-
Struktur Expressions VariableVideo 4 minutes
-
Expressions Number Currency ConverterVideo 5 minutes
-
Expressions Number TemperatureVideo 4 minutes
-
Expressions StringVideo 7 minutes
-
Expressions BooleanVideo 3 minutes
-
Expressions Boolean NotVideo 6 minutes
-
Struktur Conditional VariableVideo 3 minutes
-
Expressions Conditional StatementVideo 8 minutes
-
Conditional Max Min Volume BarVideo 4 minutes
-
Conditional Warna Volume BarVideo 5 minutes
-
Conditional Menampilkan AlertVideo 7 minutes
-
Conditional Boolean ExpressionsVideo 7 minutes
-
Modes Visibility ObjectVideo 5 minutes
-
Modes Button SpinnerVideo 6 minutes
-
Modes Hitung Total BelanjaVideo 5 minutes
-
Basic to Advanced PrototypeVideo 10 minutes
-
Showcase Advanced Prototype ProjectVideo 15 minutes
-
Function LoginVideo 7 minutes
-
Function OnboardingVideo 7 minutes
-
Function Banner PromosiVideo 6 minutes
-
Function Kategori ProdukVideo 10 minutes
-
Function Wishlist Part 1Video 14 minutes
-
Function Wishlist Part 2Video 6 minutes
-
Function Keranjang Belanja Part 1Video 15 minutes
-
Function Keranjang Belanja Part 2Video 12 minutes
-
Function Product VariantVideo 12 minutes
-
Function Diskon Belanja Part 1Video 24 minutes
-
Function Diskon Belanja Part 2Video 11 minutes
-
Function ScanVideo 14 minutes
-
Function Proses Checkout Part 1Video 24 minutes
-
Function Proses Checkout Part 2Video 15 minutes
-
Function Detail PesananVideo 16 minutes
-
Alasan Hanya 4 Contoh ProdukVideo 5 minutes
-
Alasan Overlay Component 1 page samaVideo 6 minutes
-
Menyimpan Jenis Data GambarVideo 11 minutes
-
Component Option Group SelectorVideo 7 minutes
-
Menentukan Trigger Function VariableVideo 6 minutes
-
Meringkas Jumlah Screens DesignVideo 9 minutes
-
Explorasi Project di Figma CommunityVideo 13 minutes
-
Analisa Penggunaan VariableVideo 21 minutes
-
Rekomendasi Plugin VariableVideo 13 minutes
-
ConclusionVideo 2 minutes
Member
100
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Fitur variable Figma telah dirilis sejak update LITTLE BIG UPDATE 2023 dengan menghadirkan perubahan besar yang cukup signifikan dalam penggunaan aplikasi Figma.
Selama ini, kita menggunakan color styles untuk menyimpan warna dalam desain, namun fitur ini sangat terbatas untuk membangun design system yang kompleks. Dengan variable, kita dapat menerapkan sifat variable alias / inheritance antar warna, memungkinkan pembuatan design system yang lebih terstruktur. Variable juga memungkinkan pembuatan prototype yang lebih interaktif dan kompleks dengan jumlah screens yang lebih sedikit.
Di kelas “Complete Guide Mastering Figma Variables for Prototype & Design” kita akan mempelajari mulai dari hal basic, seperti apa itu pengertian variable secara global dan fungsi sederhananya dalam Figma. Lalu, kita akan belajar juga tentang variable collection, variable scope, code syntax, variable mode, dan fugnsinya dalam design system.
Tidak berhenti sampai situ. Kita akan mempelajari juga penggunaan variable untuk prototype di Figma, termasuk variable expressions, conditional if-else, serta membahas secara mendalam dua project advanced prototype, yaitu aplikasi furniture ecommerce dan aplikasi game Tic Tac Toe. Semua fungsi dan interaksi dalam 2 project tersebut akan kita bedah untuk memahami cara kerjanya secara detail.
Kelas ini dirancang untuk semua tingkatan pengalaman, dari pemula hingga professional desainer. Dengan pengetahuan dan keterampilan yang Anda peroleh dari kelas ini, Anda akan dapat menguasai penggunaan variable Figma untuk menciptakan prototype interaktif dan design system yang lebih efektif.
So, tunggu apalagi? Segera bergabung dengan kelas kami untuk mengembangkan kemampuan Anda dalam mengelola variable Figma dan membuat desain yang lebih interaktif serta efisien.
Sampai jumpa di kelas dan selamat belajar!
read more
Learn With Expert
Key Points
-
Memahami pengertian sederhana & struktur variable Figma
-
Mengetahui fungsi atau kegunaan dari fitur variable Figma
-
Mempelajari tips dan trick untuk cepat memahami penggunaan variable
-
Mempelajari trick untuk mengatasi kelemahan dari variable Figma
-
Penjelasan dan praktik variable untuk design visual termasuk design system
-
Mempelajari interaksi sederhana, expressions, conditional & variable modes untuk prototype Figma
-
Melakukan breakdown penggunaan variable pada 2 project advanced prototype
-
Melatih analisa dan penalaran berdasarkan beberapa project variable yang ada di Figma Community
Created For
-
Anda yang ingin mempelajari fitur baru Figma
-
Anda yang ingin mencoba membuat project advanced prototype
-
Anda yang ingin mengetahui cara kerja & logika penggunaan variable pada prototoype
-
Anda yang ingin mempelajari penggunaan variable untuk design system
-
Anda yang ingin mengetahui perbedaan local styles dan variable token
-
Anda yang ingin menambahkan value lebih untuk produk digital UI kit dan design system
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
100
Happy Students
Happy Students
Muhammad Fadli Rusady
UI Designer
too much and too little for a beginner with a spirit of learning, thank you a lot for a mentor I appreciate.
02 Feb 2026
Muchlas Alfiyan
Front-End Developer
bagus sangat jelas
11 Dec 2025
Muhammad rizki
UI Designer
Kelas ini sangat bermanfaat dan membantu saya memahami fitur variable di Figma dengan jelas
25 Sep 2025
Daffa Naufal Fajriansyah
Lifetime Learner
penjelasannya mudah dipahami
21 Jan 2025
I Gede Dwipantara
Lifetime Learner
Kelas sangat menarik dan bermanfaat
10 Dec 2024
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.
