Kelas Online
Mastering Figma Design Tokens Dengan Tokens Studio
Design Tokens, Tokens Studio, Figma
Release date August 2023
Last updated September 2023
Member
3 enrolled
Tingkatan
Sertifikat
Konsultasi
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
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Featured Projects
0 Hasil karya terbaik di kelas Mastering Figma Design Tokens Dengan Tokens Studio
Belum ada hasil karya
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 390,000
Miliki kelas Premium secara permanen dan bangun sebuah projek nyata
Akses kelas selamanya
Premium rewards
Career consultation
Assets & group konsultasi
Sertifikat kelulusan
Free akses kelas Freemium
Lowongan magang dan kerja
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
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
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-
Mempelajari dasar design tokens
-
Memepelajari penerapan tokens pada komponen atau frames
-
Mempelajari cara membuat dokumentasi tokens
-
Membangun design tokens dari no
-
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
Happy Students