Akses kelas selamanya
Masuk /
Daftar
Kelas Online
Complete Guide Mastering Figma Variable for Design Prototype
Figma variable from beginner to expert
Release date November 2024
Last updated November 2024
Member
27 enrolled
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
Learn With Expert
Ahmad Zahraturrafiq
UI Designer
(1.3K)
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Figma
Software Gratis
Figjam
Software Gratis
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 550,000
Rp 189,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
UI/UX Design: Gestalt Principle
Rp 390,000
(2,012)
.jpg)
WooCommerce Mastery: Membuat Toko Online dengan Elementor
Rp
390,000
Rp
150,000
(193)
Complete Guide Mastering Figma Variable for Design Prototype
Rp
550,000
Rp
189,000
(27)
Bootcamp Menjadi Freelancer : UI UX Designer
Rp 690,000
(505)
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
Figma variable from beginner to expert
-
Perkenalan Mentor3 minutes -
Pengertian Struktur Variable8 minutes
-
Apakah Fitur Variable Figma Gratis7 minutes
-
Fungsi Variable Figma14 minutes
-
Jenis Data Variable Figma7 minutes
-
Kelemahan Variable Figma15 minutes
-
Tips Menguasai Variable Figma5 minutes
-
Variable Collection13 minutes
-
Variable Scope Code Syntax8 minutes
-
Variable Alias15 minutes
-
Praktik Penerapan Variable14 minutes
-
Variable Mode9 minutes
-
Pengertian Design System10 minutes
-
Color Styles Variables8 minutes
-
Color Variables Untuk Design System7 minutes
-
Spacing System11 minutes
-
Publishing Design System9 minutes
-
Signifikasi Variable Pada Prototype5 minutes
-
Struktur Ketentuan Variable Prototype8 minutes
-
Interaksi String3 minutes
-
Interaksi String Variants4 minutes
-
Interaksi String Interactive Component5 minutes
-
Struktur Expressions Variable4 minutes
-
Expressions Number Currency Converter5 minutes
-
Expressions Number Temperature4 minutes
-
Expressions String7 minutes
-
Expressions Boolean3 minutes
-
Expressions Boolean Not6 minutes
-
Struktur Conditional Variable3 minutes
-
Expressions Conditional Statement8 minutes
-
Conditional Max Min Volume Bar4 minutes
-
Conditional Warna Volume Bar5 minutes
-
Conditional Menampilkan Alert7 minutes
-
Conditional Boolean Expressions7 minutes
-
Modes Visibility Object5 minutes
-
Modes Button Spinner6 minutes
-
Modes Hitung Total Belanja5 minutes
-
Basic to Advanced Prototype10 minutes
-
Showcase Advanced Prototype Project15 minutes
-
Function Login7 minutes
-
Function Onboarding7 minutes
-
Function Banner Promosi6 minutes
-
Function Kategori Produk10 minutes
-
Function Wishlist Part 114 minutes
-
Function Wishlist Part 26 minutes
-
Function Keranjang Belanja Part 115 minutes
-
Function Keranjang Belanja Part 212 minutes
-
Function Product Variant12 minutes
-
Function Diskon Belanja Part 124 minutes
-
Function Diskon Belanja Part 211 minutes
-
Function Scan14 minutes
-
Function Proses Checkout Part 124 minutes
-
Function Proses Checkout Part 215 minutes
-
Function Detail Pesanan16 minutes
-
Alasan Hanya 4 Contoh Produk5 minutes
-
Alasan Overlay Component 1 page sama6 minutes
-
Menyimpan Jenis Data Gambar11 minutes
-
Component Option Group Selector7 minutes
-
Menentukan Trigger Function Variable6 minutes
-
Meringkas Jumlah Screens Design9 minutes
-
Explorasi Project di Figma Community13 minutes
-
Analisa Penggunaan Variable21 minutes
-
Rekomendasi Plugin Variable13 minutes
-
Conclusion2 minutes
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
27
Happy Students
Happy Students
Belum ada review
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 189,000
Rp 550,000
