Nexarin LogoNexarin
IntermediateDesign SystemsWORKSHOP

Design Systems & Figma to Code Workflow untuk Developer

Kuasai cara membangun sistem desain terstruktur: typography scale, semantic color palette, auto-layout komponen, dan export otomatis ke Tailwind CSS tokens.

Durasi: 2h 50m
Materi: 6 Pelajaran
4.9(1680 Siswa)
Design Systems & Figma to Code Workflow untuk Developer
Akses 100% Terbuka & Terstruktur
File Praktik, Dokumen & Source Code
Pelacakan Progres Belajar Realtime

Yang Akan Anda Pelajari

Membangun semantic design tokens di Figma
Struktur komponen modular (Button, Modal, Input, Card)
Sinkronisasi otomatis Figma Variables ke Tailwind config
Prinsip kontras WCAG AAA dan dark mode tailoring

Kurikulum & Silabus Kelas

1 Modul • 6 Pelajaran • 2h 50m Total Durasi

01.Desain Semantic Tokens: Dark Theme Palette
Preview25 min

Prasyarat & Kebutuhan Belajar

  • Aplikasi Figma gratis
  • Pengetahuan dasar HTML & Tailwind CSS

Kelas Terkait Lainnya

Tingkatkan keahlian Anda dengan materi kurikulum sejenis.

Lihat Semua