Akses kelas selamanya

Ambil Promo
flash sale
hamburger-menu

Kelas Online
Mastering Figma Design Tokens Dengan Tokens Studio

Design Tokens, Tokens Studio, Figma

icon global
Release date August 2023
icon convert
Last updated November 2024
Member

19 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

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

icon_check

Mempelajari dasar design tokens

icon_check

Memepelajari penerapan tokens pada komponen atau frames

icon_check

Mempelajari cara membuat dokumentasi tokens

icon_check

Membangun design tokens dari no

icon_check

Designed For

icon_check

Designer yang ingin mendalami dan mempelajari design tokens

icon_check

Designer yang ingin membuat template tokens yang bisa di gunakan di project manapun

icon_check

Designer yang ingin membuat design handoff dengan developer jauh lebih mudah dan advance

Course Lessons

Learn With Expert

Mentor Hendrik Mulyana

Hendrik Mulyana

Product Designer

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

(19)

Our Happy Students

Review setelah bergabung di kelas Mastering Figma Design Tokens Dengan Tokens Studio

All Rating
Salsabillah Hartanti at BuildWithAngga
Salsabillah Hartanti

Product Designer

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

Low Risk, High Return

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

icon_check

Selamanya

Rp 390,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.

Mastering Figma Design Tokens Dengan Tokens Studio

Design Tokens, Tokens Studio, Figma

  • lock
    01.1 - Apa itu Design Tokens
    8 minutes
  • lock
    01.4 - Figma Tokens Plugins
    7 minutes
  • lock
    01.3 - Apa itu master dan alias tokens
    6 minutes
  • lock
    01.2 - Tipe tipe tokens
    3 minutes

  • lock
    02.4 - Menentukan typography
    3 minutes
  • lock
    02.3 - Menentukan naming convention
    2 minutes
  • lock
    02.2 - Menentukan spacing tokens
    2 minutes
  • lock
    02.1 - Menentukan Color Tokens
    2 minutes

  • lock
    03.9 - Membuat spacing multi value tokens
    6 minutes
  • lock
    03.8 - Menambahkan border width
    2 minutes
  • lock
    03.7 - Menambahkan shadows tokens
    3 minutes
  • lock
    03.6 - Menambahkan radius tokens
    2 minutes
  • lock
    03.5 - Membuat typography composition
    11 minutes
  • lock
    03.4 - Menambahkan spacing
    6 minutes
  • lock
    03.3 - Set penamaan alias tokens
    7 minutes
  • lock
    03.2 - Menentukan nama tokens
    4 minutes
  • lock
    03.1 - Membuat master colors tokens
    4 minutes
  • lock
    03.10 - Membuat Composition Tokens
    7 minutes

  • lock
    04.6 Cara menggunakan tokens di file berbeda
    2 minutes
  • lock
    04.5 Cara menggunakan border width tokens
    2 minutes
  • lock
    04.4 Cara menggunakan border radius tokens
    2 minutes
  • lock
    04.3 Cara menggunakan spacing tokens
    2 minutes
  • lock
    04.2 Cara menggunakan color tokens
    3 minutes
  • lock
    04.1 Import dan create style
    4 minutes

  • lock
    05.4 -Konfigrasi figma tokens dengan github
    4 minutes
  • lock
    05.3 - Membuat repo github
    5 minutes
  • lock
    05.2 - Sinkronisasi tokens dengan Jsonbin
    5 minutes
  • lock
    05.1 - Mengapa harus melakukan sync tokens
    5 minutes

  • lock
    06.4 - Menggunakan dark and light theme side by side
    11 minutes
  • lock
    06.3 - Membuat token set dark mode
    5 minutes
  • lock
    06.2 - Membuat tokens sets dan menggunakannya
    5 minutes
  • lock
    06.1 - Apa itu Tokens Sets
    5 minutes
  • lock
    06.5 - Cara membuat theme tokens
    5 minutes

  • lock
    07.4 - Membuat dokumentasi elevation tokens
    4 minutes
  • lock
    07.3 - Membuat dokumentasi spacing tokens
    6 minutes
  • lock
    07.2 - Membuat typography tokens
    9 minutes
  • lock
    07.1 - Membuat dokumentasi tokens
    8 minutes

  • lock
    08.4 - Web pendukung design tokens
    7 minutes
  • lock
    08.3 - Export tokens manual
    3 minutes
  • lock
    08.2 - Handoff Annotation Tokens
    10 minutes
  • lock
    08.1 - Tips sosialisasi design tokens dgn development team
    4 minutes

  • lock
    09.5 - Generate tokens menjadi Figma variables
    7 minutes
  • lock
    09.4 - Cara menggunakan template tokens
    3 minutes
  • lock
    09.3 - Template Composition Tokens
    2 minutes
  • lock
    09.2 - Template tokens elevation dan radius
    4 minutes
  • lock
    09.1 - Template tokens typography dan color tokens
    8 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
Key Points
  • check
    Mempelajari dasar design tokens
  • check
    Memepelajari penerapan tokens pada komponen atau frames
  • check
    Mempelajari cara membuat dokumentasi tokens
  • check
    Membangun design tokens dari no
  • check
Created For
  • check
    Designer yang ingin mendalami dan mempelajari design tokens
  • check
    Designer yang ingin membuat template tokens yang bisa di gunakan di project manapun
  • check
    Designer yang ingin membuat design handoff dengan developer jauh lebih mudah dan advance
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
19
Happy Students
Salsabillah Hartanti at BuildWithAngga
Salsabillah Hartanti

Product Designer

Good

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

arrow_upward