flash sale
hamburger-menu

Kelas Online
Complete Guide Mastering Figma Variable for Design Prototype

Figma variable from beginner to expert

icon global
Release date November 2024
icon convert
Last updated December 2024
Member

37 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

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

icon_check

Memahami pengertian sederhana & struktur variable Figma

icon_check

Mengetahui fungsi atau kegunaan dari fitur variable Figma

icon_check

Mempelajari tips dan trick untuk cepat memahami penggunaan variable

icon_check

Mempelajari trick untuk mengatasi kelemahan dari variable Figma

icon_check

Penjelasan dan praktik variable untuk design visual termasuk design system

icon_check

Mempelajari interaksi sederhana, expressions, conditional & variable modes untuk prototype Figma

icon_check

Melakukan breakdown penggunaan variable pada 2 project advanced prototype

icon_check

Melatih analisa dan penalaran berdasarkan beberapa project variable yang ada di Figma Community

Designed For

icon_check

Anda yang ingin mempelajari fitur baru Figma

icon_check

Anda yang ingin mencoba membuat project advanced prototype

icon_check

Anda yang ingin mengetahui cara kerja & logika penggunaan variable pada prototoype

icon_check

Anda yang ingin mempelajari penggunaan variable untuk design system

icon_check

Anda yang ingin mengetahui perbedaan local styles dan variable token

icon_check

Anda yang ingin menambahkan value lebih untuk produk digital UI kit dan design system

Course Lessons

Learn With Expert

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

(1.3K)

Our Happy Students

Review setelah bergabung di kelas Complete Guide Mastering Figma Variable for Design Prototype

All Rating
I Gede Dwipantara at BuildWithAngga
I Gede Dwipantara

Lifetime Learner

Kelas sangat menarik dan bermanfaat read more

ic-star ic-star ic-star ic-star ic-star
Belum ada review
loader

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

logo

Figma

Software Gratis

logo

Figjam

Software Gratis

Low Risk, High Return

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

icon_check

Selamanya

Rp 229,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 Guide Mastering Figma Variable for Design Prototype Foto kelas Complete Guide Mastering Figma Variable for Design Prototype Foto kelas Complete Guide Mastering Figma Variable for Design Prototype Foto kelas Complete Guide Mastering Figma Variable for Design Prototype

Complete Guide Mastering Figma Variable for Design Prototype

Figma variable from beginner to expert

  • lock
    Perkenalan Mentor
    3 minutes
  • lock
    Pengertian Struktur Variable
    8 minutes

  • lock
    Apakah Fitur Variable Figma Gratis
    7 minutes
  • lock
    Fungsi Variable Figma
    14 minutes
  • lock
    Jenis Data Variable Figma
    7 minutes
  • lock
    Kelemahan Variable Figma
    15 minutes
  • lock
    Tips Menguasai Variable Figma
    5 minutes

  • lock
    Variable Collection
    13 minutes
  • lock
    Variable Scope Code Syntax
    8 minutes
  • lock
    Variable Alias
    15 minutes
  • lock
    Praktik Penerapan Variable
    14 minutes
  • lock
    Variable Mode
    9 minutes

  • lock
    Pengertian Design System
    10 minutes
  • lock
    Color Styles Variables
    8 minutes
  • lock
    Color Variables Untuk Design System
    7 minutes
  • lock
    Spacing System
    11 minutes
  • lock
    Publishing Design System
    9 minutes

  • lock
    Signifikasi Variable Pada Prototype
    5 minutes

  • lock
    Struktur Ketentuan Variable Prototype
    8 minutes
  • lock
    Interaksi String
    3 minutes
  • lock
    Interaksi String Variants
    4 minutes
  • lock
    Interaksi String Interactive Component
    5 minutes

  • lock
    Struktur Expressions Variable
    4 minutes
  • lock
    Expressions Number Currency Converter
    5 minutes
  • lock
    Expressions Number Temperature
    4 minutes
  • lock
    Expressions String
    7 minutes
  • lock
    Expressions Boolean
    3 minutes
  • lock
    Expressions Boolean Not
    6 minutes

  • lock
    Struktur Conditional Variable
    3 minutes
  • lock
    Expressions Conditional Statement
    8 minutes
  • lock
    Conditional Max Min Volume Bar
    4 minutes
  • lock
    Conditional Warna Volume Bar
    5 minutes
  • lock
    Conditional Menampilkan Alert
    7 minutes
  • lock
    Conditional Boolean Expressions
    7 minutes

  • lock
    Modes Visibility Object
    5 minutes
  • lock
    Modes Button Spinner
    6 minutes
  • lock
    Modes Hitung Total Belanja
    5 minutes
  • lock
    Basic to Advanced Prototype
    10 minutes

  • lock
    Showcase Advanced Prototype Project
    15 minutes
  • lock
    Function Login
    7 minutes
  • lock
    Function Onboarding
    7 minutes
  • lock
    Function Banner Promosi
    6 minutes
  • lock
    Function Kategori Produk
    10 minutes
  • lock
    Function Wishlist Part 1
    14 minutes
  • lock
    Function Wishlist Part 2
    6 minutes
  • lock
    Function Keranjang Belanja Part 1
    15 minutes
  • lock
    Function Keranjang Belanja Part 2
    12 minutes
  • lock
    Function Product Variant
    12 minutes
  • lock
    Function Diskon Belanja Part 1
    24 minutes
  • lock
    Function Diskon Belanja Part 2
    11 minutes
  • lock
    Function Scan
    14 minutes
  • lock
    Function Proses Checkout Part 1
    24 minutes
  • lock
    Function Proses Checkout Part 2
    15 minutes
  • lock
    Function Detail Pesanan
    16 minutes

  • lock
    Alasan Hanya 4 Contoh Produk
    5 minutes
  • lock
    Alasan Overlay Component 1 page sama
    6 minutes

  • lock
    Menyimpan Jenis Data Gambar
    11 minutes
  • lock
    Component Option Group Selector
    7 minutes
  • lock
    Menentukan Trigger Function Variable
    6 minutes
  • lock
    Meringkas Jumlah Screens Design
    9 minutes

  • lock
    Explorasi Project di Figma Community
    13 minutes
  • lock
    Analisa Penggunaan Variable
    21 minutes

  • lock
    Rekomendasi Plugin Variable
    13 minutes

  • lock
    Conclusion
    2 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
  • check
    Memahami pengertian sederhana & struktur variable Figma
  • check
    Mengetahui fungsi atau kegunaan dari fitur variable Figma
  • check
    Mempelajari tips dan trick untuk cepat memahami penggunaan variable
  • check
    Mempelajari trick untuk mengatasi kelemahan dari variable Figma
  • check
    Penjelasan dan praktik variable untuk design visual termasuk design system
  • check
    Mempelajari interaksi sederhana, expressions, conditional & variable modes untuk prototype Figma
  • check
    Melakukan breakdown penggunaan variable pada 2 project advanced prototype
  • check
    Melatih analisa dan penalaran berdasarkan beberapa project variable yang ada di Figma Community
Created For
  • check
    Anda yang ingin mempelajari fitur baru Figma
  • check
    Anda yang ingin mencoba membuat project advanced prototype
  • check
    Anda yang ingin mengetahui cara kerja & logika penggunaan variable pada prototoype
  • check
    Anda yang ingin mempelajari penggunaan variable untuk design system
  • check
    Anda yang ingin mengetahui perbedaan local styles dan variable token
  • check
    Anda yang ingin menambahkan value lebih untuk produk digital UI kit dan design system
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
37
Happy Students
I Gede Dwipantara at BuildWithAngga
I Gede Dwipantara

Lifetime Learner

Kelas sangat menarik dan bermanfaat

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

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

Rp 550,000

arrow_upward