Akses kelas selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Mastering Figma Design Tokens Dengan Tokens Studio
Kelas Online
Mastering Figma Design Tokens Dengan Tokens Studio
Design Tokens, Tokens Studio, Figma
Release date August 2023
Last updated September 2024
Member
16 enrolled
Tingkatan
Sertifikat
Konsultasi
46 lessons (3.75 hours)
Develop Your Skills
Dalam 3 tahun terkahir ini trend design tokens seakan semakin popular di kalangan developer dan desianer, yang mana fungsi design tokens adalah membuat standarize guidence seperti menetapkan value untuk spacing, menentukan color, reusable color dan masih banyak lagi. konsep design tokens ini bisa di gunakan hampir di semua bahasa promograman dikarenakan sifatnya universal bisa di konversikan menjadi scss, csss, xml ( android ), swift dan masih banyak lagi. Banyak juga platform pihak ke 3 yang menawarkan management design tokens, mulai yang free hingga berbayar.
Dalam kelas ini, kamu akan mempelajari mulai dari pengenalan design tokens, konsep dasar tokens, process pembuatan design tokens, membuat dokumentasi tokens, melakukan upload tokens, hingga kolaborasi design tokens dengan developer di bahas tuntas di dalam kelas online ini. tools yang digunakan di dalam kelas hanya 1 tool yaitu Figma dan plugin bernama Tokens Studio Plugin. Kedua apliaksi ini cukup powerful dan advance menggabungkan fitur satu sama lain menjadi satu kesatuan.
Kelas ini sangat cocok, bagi kamu yang sudah tahu dasar penggunaan figma dan ingin mendalami fitur figma yang lebih powerful dan menjadikan kamu menjadi seorang UI/UX Designer bukan saja pandai dalam mendesain interface, namun juga mengerti dari sisi teknis dalam membuat desin tokens di awal project.
Key Points
Mempelajari dasar design tokens
Memepelajari penerapan tokens pada komponen atau frames
Mempelajari cara membuat dokumentasi tokens
Membangun design tokens dari no
Designed For
Designer yang ingin mendalami dan mempelajari design tokens
Designer yang ingin membuat template tokens yang bisa di gunakan di project manapun
Designer yang ingin membuat design handoff dengan developer jauh lebih mudah dan advance
Course Lessons
Learn With Expert
Hendrik Mulyana
Product Designer
(16)
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 390,000
Rp 99,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
.png)
(493)
.png)
(1,104)
.jpg)
(483)
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.
Mastering Figma Design Tokens Dengan Tokens Studio
Design Tokens, Tokens Studio, Figma
-
01.1 - Apa itu Design Tokens8 minutes -
01.4 - Figma Tokens Plugins7 minutes
-
01.3 - Apa itu master dan alias tokens6 minutes
-
01.2 - Tipe tipe tokens3 minutes
-
02.4 - Menentukan typography3 minutes
-
02.3 - Menentukan naming convention2 minutes
-
02.2 - Menentukan spacing tokens2 minutes
-
02.1 - Menentukan Color Tokens2 minutes
-
03.9 - Membuat spacing multi value tokens6 minutes
-
03.8 - Menambahkan border width2 minutes
-
03.7 - Menambahkan shadows tokens3 minutes
-
03.6 - Menambahkan radius tokens2 minutes
-
03.5 - Membuat typography composition11 minutes
-
03.4 - Menambahkan spacing6 minutes
-
03.3 - Set penamaan alias tokens7 minutes
-
03.2 - Menentukan nama tokens4 minutes
-
03.1 - Membuat master colors tokens4 minutes
-
03.10 - Membuat Composition Tokens7 minutes
-
04.6 Cara menggunakan tokens di file berbeda2 minutes
-
04.5 Cara menggunakan border width tokens2 minutes
-
04.4 Cara menggunakan border radius tokens2 minutes
-
04.3 Cara menggunakan spacing tokens2 minutes
-
04.2 Cara menggunakan color tokens3 minutes
-
04.1 Import dan create style4 minutes
-
05.4 -Konfigrasi figma tokens dengan github4 minutes
-
05.3 - Membuat repo github5 minutes
-
05.2 - Sinkronisasi tokens dengan Jsonbin5 minutes
-
05.1 - Mengapa harus melakukan sync tokens5 minutes
-
06.4 - Menggunakan dark and light theme side by side11 minutes
-
06.3 - Membuat token set dark mode5 minutes
-
06.2 - Membuat tokens sets dan menggunakannya5 minutes
-
06.1 - Apa itu Tokens Sets5 minutes
-
06.5 - Cara membuat theme tokens5 minutes
-
07.4 - Membuat dokumentasi elevation tokens4 minutes
-
07.3 - Membuat dokumentasi spacing tokens6 minutes
-
07.2 - Membuat typography tokens9 minutes
-
07.1 - Membuat dokumentasi tokens8 minutes
-
08.4 - Web pendukung design tokens7 minutes
-
08.3 - Export tokens manual3 minutes
-
08.2 - Handoff Annotation Tokens10 minutes
-
08.1 - Tips sosialisasi design tokens dgn development team4 minutes
-
09.5 - Generate tokens menjadi Figma variables7 minutes
-
09.4 - Cara menggunakan template tokens3 minutes
-
09.3 - Template Composition Tokens2 minutes
-
09.2 - Template tokens elevation dan radius4 minutes
-
09.1 - Template tokens typography dan color tokens8 minutes
Develop Your Skills
Dalam 3 tahun terkahir ini trend design tokens seakan semakin popular di kalangan developer dan desianer, yang mana fungsi design tokens adalah membuat standarize guidence seperti menetapkan value untuk spacing, menentukan color, reusable color dan masih banyak lagi. konsep design tokens ini bisa di gunakan hampir di semua bahasa promograman dikarenakan sifatnya universal bisa di konversikan menjadi scss, csss, xml ( android ), swift dan masih banyak lagi. Banyak juga platform pihak ke 3 yang menawarkan management design tokens, mulai yang free hingga berbayar.
Dalam kelas ini, kamu akan mempelajari mulai dari pengenalan design tokens, konsep dasar tokens, process pembuatan design tokens, membuat dokumentasi tokens, melakukan upload tokens, hingga kolaborasi design tokens dengan developer di bahas tuntas di dalam kelas online ini. tools yang digunakan di dalam kelas hanya 1 tool yaitu Figma dan plugin bernama Tokens Studio Plugin. Kedua apliaksi ini cukup powerful dan advance menggabungkan fitur satu sama lain menjadi satu kesatuan.
Kelas ini sangat cocok, bagi kamu yang sudah tahu dasar penggunaan figma dan ingin mendalami fitur figma yang lebih powerful dan menjadikan kamu menjadi seorang UI/UX Designer bukan saja pandai dalam mendesain interface, namun juga mengerti dari sisi teknis dalam membuat desin tokens di awal project.
read more
Learn With Expert
Key Points
-
Mempelajari dasar design tokens
-
Memepelajari penerapan tokens pada komponen atau frames
-
Mempelajari cara membuat dokumentasi tokens
-
Membangun design tokens dari no
-
Created For
-
Designer yang ingin mendalami dan mempelajari design tokens
-
Designer yang ingin membuat template tokens yang bisa di gunakan di project manapun
-
Designer yang ingin membuat design handoff dengan developer jauh lebih mudah dan advance
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
16
Happy Students
Happy Students
Salsabillah Hartanti
Product Designer
Good
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 99,000
Rp 390,000
