Tutorial Interaktif Design System
Belajar membuat Design System dari NOL langsung praktek di Figma
Dapatkan akses tutorial Figma full version âď¸âď¸âď¸âď¸âď¸ 4.7 (10,001+ downloads)
.png){kind=avatar}
Belajar membuat Design System dari NOL langsung praktek di Figma
Dapatkan akses tutorial Figma full versionHalofigma itu tutorial interaktif membuat Design System dari NOL untuk mu yang sedang belajar UI dan UX Design. Dibuat dan dikerjakan langsung di Figma, 100% praktek.
Tutorial bahasa Indonesia pertama yang nge-cover topik Design System secara mendalam.
Think of it as your baby steps on building your Design System from scratch. Full hands-on. Right from Figma!
Karena di setiap product tech company saat ini membutuhkan nya. Belajar membuat design system akan membantumu dan tim bekerja lebih efektif, efisien, serta hemat waktu untuk menghasilkan desain yang konsisten terjaga kualitasnya.
Sayangnya banyak yang gatau harus mulai darimana dan gatau apa yang dilakuin uda benar atau belum. HaloFigma bantu kamu mengatasi 2 hal itu, juga bantu kamu jadi desainer yang berpikir lebih sistematis dan terstruktur.
Bayangkan kalo kamu punya skill itu, kamu bakal jadi đĽÂ hot property di kantor.
Saya melamar pekerjaan di bidang ui ux design dan mendapat pre test sebelum masuk tahap interview user. Di soal test terdapat design system perusahaan, tapi saya bingung menggunakannya...
...beberapa kali ikut interview ada pertanyaan mengenai apakah sudah pernah membuat design system.
Kita bermain langsung di Figma, kamu akan belajar langkah demi langkah membuat Style Guide dan Component Library menggunakan teknik advanced seperti Auto Layout dan Variants yang menghasilkan adapative dan responsive components.
Kamu juga belajar menyusun dokumentasi yang baik dari mulai menyusun Naming Conventions hingga mengatur Layer Styles , Text Styles dan mendesain web dokumentasi sendiri. Dituntun dari mulai tingkat kesulitan rendah hingga tinggi dan diakhiri dengan qUIz.
Ini format pembelajaran baru, bukan webinar, bukan video, tapi interaktif steps di Figma yang bisa dimainkan tanpa distraksi dari media lainnya.
I prefer to learn in a practical format like this. I often find with video format I don't really learn as much as I do the practical work after finish watching the whole thing, not to mention I have to switch between different platforms to do the work #annoying
Format belajar baru ni. Belajarnya lebih asik karena bisa langsung praktik di figma. Jadinya lebih paham karena teorinya langsung diterapkan ke desain dan step-step nya juga gampang banget dimengerti. Kalau menggunakan video kadang agak ribet harus pindah-pindah antara liat video dan nerapin ke figma
Dengan cara learning by doing ini, kamu akan mengenal shortcuts, real gems plugins, dan teknik Figma yang ga banyak orang tau. Ini semua akan mempercepat proses kerjamu.
Gue jujur baru tau plugin yg diajarin tadi. Itu bisa saving time banget. Sama bagian implementing the text style ke UI nya. Jadi keliatan praktek realnya gimana.
Real gems. Saat menggunakan plugin (yg diajarin) seperti magic, jujur baru tau disini ternyata ada pluginnya.
Banyak konten bertebaran tentang Typography, Color Theory, maupun Atomic Design namun ga ada yang jelasin real practice nya gimana. HaloFigma bener2 pure practice, yang ga hanya ngasih kamu ilmu tapi juga langsung aplikasi nya.
Isi Tutorial Design System:
Lebih dari 10,001+ orang udah mencobanya dan ketagihan.
Beberapa cerita pentingnya Design System dan pengalaman temen2 mencoba HaloFigma
Aku suka interactive tutorial gini. Karena real project dan langsung dikerjaini di tempat, kalau video cuma ditonton tapi ga langsung/belum tentu dikerjain, dan nambah hard skills juga. Keren banget ini.
Waktu itu sempet tes wawancara di salah satu startup sebagai UX designer intern. Terus ditanyain udah pernah tau tentang design system dll belum. Karena pengetahuan terbatas, jadi cuma tau teorinya aja. Sejak interview itu, jd pengen tau, gimana sih bentukannya design system itu, dan aku mendapatkannya disini.
Kemarin diinterview sama company buat program internet kampus merdeka. Ditanyain macem macem istilah UI/UX. Pas ditanyain apa yg kamu tau tentang design system. Singkat cerita hari ini diumumin kalo saya diterima di program intern-nya. Design System sepenting itu dan saya mempelajari lebih disini.
I prefer to learn in a practical format like this. I often find with video format I don't really learn as much as I do the practical work after finish watching the whole thing, not to mention I have to switch between different platforms to do the work #annoying
Saya abis ikutan bootcamp ui ux tapi yaaa prakteknya ga mendetail cuma kulitnya aja tanpa arahan yg begitu jelas. Barusan bgt saya ditolak sama salah satu agency nih abis ditawarin jd ux designer di sana, cuma baiknya lead yg interview saya ngasih feedback dan insight harus improve di bagian mana, katanya saya still "raw" because you know anything but you dont know which one is describing you and suits you specifically, karena ya mereka maunya yg emg mantep di salah satu sektor skill biar joss gt (salah satu yg utama ya Design System). Tutorial ini ngebantu aku memahami Design System dengan lebih mudah dan praktis.
Kalo ditanya suka bagian mana di tutorial ini? Suka semua nya. Penjelasan nya sangat mudah dipahami. Enjoy banget bacanya dan sambil di praktekan jadi jauh lebih mudah.
Baru aja nyobain satu tutorial disini, udah ketagihan kak. Makasih banget.
Kereen bangett ka, untuk aku yang emang bener bener lagi belajar dari nol ini kayak di tuntun banget tutorialnya dari awal sampai akhir. Setiap step2 nya pun jelas gak yg bikin bingung.
Gue jujur baru tau plugin yg diajarin tadi. Itu bisa saving time banget. Sama bagian implementing the text style ke UI nya. Jadi keliatan praktek realnya gimana.
Sebagian companies yang sudah join HaloFigma Team LicenseÂ
.png)
.png)
Sejatinya cocok bagi siapa aja yang ingin memperdalam hard skill desain mu, baik UI designer, UX designer maupun Developers. Baik solo designer maupun team.
đ Halo perkenalkan saya Wasil.
Saya product designer yang bekerja dan tinggal di Singapore. Selama berkarir menjadi product designer, saya berkesempatan mencoba dan mengembangkan Design System sebagai solo designer (early stage startup) maupun sebagai individual contributor (corporate startup). Keduanya memiliki set of challenges yang berbeda yang saya ingin bagikan lewat tutorial ini.
Sebagai lulusan master teknik, saya senang mengambil pendekatan sistematis terhadap ilmu desain yang banyak kali dianggap sebatas faktor estetis saja.
Di tutorial ini saya ingin berbagi pengalaman saya dalam bentuk real praktek dimana saya tuntun melalui instruksi detail step by step membangun Design System dari NOL. Saya tumpahkan semua tips and trick yang biasa saya pake di pekerjaan saya 8 tahun terakhir ini.
Selain bekerja, saya pun senang berbagi ilmu dan pengalaman dengan rekan seprofesi melalui akun HaloDesigners dan membantu temen2 pemula untuk terjun ke dunia UI UX Design dan Research melalui buku Petunjuk Memulai UX dari NOL.
Semoga dengan mengikuti tutorial ini kamu bisa mendapatkan high valuable skill baru untuk kamu praktekan di kantor atau di project pribadi mu.
Dapetin akses ke lebih dari 33 bab dan 205 bagian tutorial, lengkap dengan tips & tricks Figma
