PELATIHAN DESAIN UI/UX MENGGUNAKAN FIGMA UNTUK MEMBANGUN KETERAMPILAN KREATIF SISWA SMK NEGERI 1 KENDARI
DOI:
https://doi.org/10.36085/bumir.v9i1.10163Abstract
Arus digitalisasi saat ini mengharuskan para lulusan sekolah menengah kejuruan memiliki kemahiran dalam desain digital relevan dengan kriteria industri modern, khususnya pada bidang User Interface (UI) serta User Experience (UX). Menanggapi kondisi tersebut, inisiatif pengabdian masyarakat ini diorientasikan untuk mengasah daya kreatif peserta didik lewat workshop perancangan UI/UX memakai platform figma di SMK Negeri 1 Kendari. Studi ini menerapkan strategi kuantitatif dengan desain pre-test dan post-test guna mengukur efektivitas peningkatan kompetensi siswa. Sebanyak 30 pelajar kelas X jurusan Teknik Jaringan Komputer dan Telekomunikasi (TJKT) dilibatkan sebagai partisipan. Rangkaian program mencakup fase persiapan, tingkatan aksi, hingga tahap penilaian. Fokus materi ditekankan pada teori dasar UI/UX, eksplorasi alat pada figma, hingga simulasi pembuatan prototipe yang interaktif. Teknik perolehan data mengandalkan angket berskala Likert yang sudah divalidasi dan diuji keandalannya secara ilmiah, dengan proses pengolahan data memakai statistik deskriptif serta uji t berpasangan. Capaian program ini mengonfirmasi adanya lonjakan kompetensi kreatif yang bermakna pada diri peserta didik. Hal ini terbukti dari skor rata-rata yang semula hanya 63,47 saat pengujian awal, melonjak menjadi 86,23 pada evaluasi akhir. Analisis statistik pun memperkuat temuan tersebut dengan angka signifikan p < 0,001, yang menegaskan bahwa edukasi UI/UX melalui platform figma berhasil mengoptimalkan wawasan teoretis, kemahiran teknis, dan daya cipta siswa dalam menyusun desain digital. Maka dari itu, inisiatif pengabdian ini berdampak positif bagi kemajuan pembelajaran berbasis keahlian pada Pendidikan vokasi melalui penggabungan teknologi desain digital.
Kata Kunci: Desain UI/UX, pelatihan Figma, keterampilan kreatif, pendidikan vokasi, desain digital.
References
Biantara, I. G. D. O., & Dana, I. M. K. (2025). Desain digital untuk generasi muda: Pengembangan kemampuan UI/UX menggunakan Figma. Bina Cipta, 3(2), 51. https://doi.org/10.46837/binacipta.v3i2.51
Muttaqiyah, K., Herwanto, H. W., Prasetya, D. D., & Rofiudin, A. (2026). Inovasi Articulate Storyline: Tingkatkan keterampilan UI/UX Figma dan pembelajaran kreatif. Ideguru: Jurnal Karya Ilmiah Guru, 10(3), 2372–2380. https://doi.org/10.51169/ideguru.v10i3.2030
Vivaldi, P. G. M., & Putra, I. G. W. M. N. (2025). Meningkatkan kreativitas siswa SMK Rekayasa Denpasar dalam perancangan User Interface desktop melalui pelatihan Figma. Jurnal Pengabdian Kepada Masyarakat Nusantara, 6(2), 1632–1641. https://doi.org/10.55338/jpkmn.v6i
2.5751
Politeknik Piksi Ganesha, R., Risal, A., Nizam, E., Erwansyah, & Seliwati. (2025). Implementasi pelatihan penggunaan Figma untuk meningkatkan kompetensi siswa dalam desain UI/UX di SMKN 2 Tanjung Selor. Padma: Jurnal Pengabdian Kepada Masyarakat, 5(1), Article 1809. https://doi.org/10.56689/padma.v5i1.1809
Pramudita, R., Wahyuni Arifin, R., Alfian, A. N., Safitri, N., & Anwariya, S. D. (2024). Penggunaan aplikasi Figma dalam membangun UI/UX yang interaktif pada program studi teknik informatika STMIK Tasikmalaya. Jurnal Buana Pengabdian, 3(1), 1542. https://doi.org/10.36805/jurnalbuanapengabdian.v3i1.1542
Putri, R. A., Wijaya, A., & Prasetyo, T. (2022). Integrasi media digital dalam pembelajaran desain di SMK. Jurnal Pendidikan Vokasi, 12(2), 133–145.
Wijaya, A. S., & Testiana, G. (2026). Perancangan UI/UX website menggunakan Figma di Politeknik Pariwisata Palembang. RIGGS: Journal of Artificial Intelligence and Digital Business, 4(4), 9981–9992. https://doi.org/10.31004/riggs.v4i4.4737
Putra, U. H., et al. (2024). Peningkatan kompetensi siswa dalam merancang UI/UX aplikasi mobile menggunakan Figma. Jompa Abdi: Jurnal Pengabdian Masyarakat, 3(4), 1211. https://doi.org/10.57218/jompaabdi.v3i4.1211
Putri, R. E., & Putra, I. G. (2025). Pelatihan desain UI/UX untuk siswa kelas XI TKJ SMKN 3 Bangkalan menggunakan Figma. Jurnal Pengabdian Masyarakat, 3(2), 149. https://doi.org/10.70340/japamas.v3i2.149
Politeknik Piksi Ganesha, R., Risal, A., Nizam, E., Erwansyah, & Seliwati. (2025). Implementasi Pelatihan Penggunaan Figma untuk Meningkatkan Kompetensi Siswa dalam Desain UI/UX di SMKN 2 Tanjung Selor. Padma: Jurnal Pengabdian Kepada Masyarakat, 5(1), 1809. https://doi.org/10.56689/padma.v5i1.1809
Suada, W., Putra, M. S., Syakti, F., & Marlindawati, M. (2025). Perancangan Desain UI/UX Sistem Akademik di SMKN 8 Palembang Menggunakan Metode Lean UX. Jurnal Ilmiah Media Sisfo, 19(2), 220–233. https://doi.org/10.33998/mediasisfo.2025.19.2.2560
Vivaldi, P. G. M., & Putra, I. G. W. M. N. (2025). Meningkatkan Kreativitas Siswa SMK Rekayasa Denpasar dalam Perancangan User Interface Desktop Melalui Pelatihan Figma. Jurnal Pengabdian Kepada Masyarakat Nusantara, 6(2), 5751. https://doi.org/10.55338/jpkmn.v6i2.5751
Syaharani, G. S., & Sulastri, W. (2025). Making UI/UX Design Using the Prototyping Method in the Smart Library Application Using Figma Tools. Journal of Information Technology, 4(2), 922. https://doi.org/10.46229/jifotech.v4i2.922
Jonathan, J., Rahdiana, I., & Wulandari, R. (2025). Pelatihan Pembuatan UI/UX Menggunakan Figma pada Siswa SMK Daan Mogot Strada. Community Care: Jurnal Pengabdian Masyarakat, 1(1), 622. https://doi.org/10.36763/communitycare.v1i1.622
Ginasta, N., Casmadi, Y., & Setiawan, I. (2025). Peningkatan Literasi Digital Melalui Pelatihan UI/UX Bagi Siswa/i di SMA Negeri 24 Bandung. MERPATI, 7(1), 4516. https://doi.org/10.36618/merpati.v7i1.4516
Biantara, I. G. D. O., & Dana, I. M. K. (2025). Desain Digital untuk Generasi Muda: Pengembangan Kemampuan UI/UX Menggunakan Figma. Bina Cipta, 3(2), 51. https://doi.org/10.46837/binacipta.v3i2.51
Hairah, U., Hadiseptian N., et al. (2025). Peningkatan Kompetensi Siswa dalam Merancang UI/UX Aplikasi Mobile Menggunakan Figma. Jompa Abdi: Jurnal Pengabdian Masyarakat, 3(4), 1211. https://doi.org/10.57218/jompaabdi.v3i4.1211
Prasetya, D. P., & Iswandi, H. (2025). Pelatihan Desain UI/UX Menggunakan Figma di SMK Muhammadiyah 1 Palembang. Community Development Journal, 6(2), 40477. https://doi.org/10.31004/cdj.v6i2.40477
Haryanti, T., Handayani, R. I., Kristiana, T., & Frieyadie, F. (2024). Memanfaatkan Figma dalam Pelatihan Desain UI/UX untuk GP Anshor PAC Ciledug. Jurnal Aruna Mengabdi, 1(2), 33. https://doi.org/10.61398/armi.v1i2.33
Prasetyo, A. C., Nurkhayati, N., Miftah, M., et al. (2025). Membangun Keterampilan UI/UX Designer Siswa SMA/SMK melalui Pelatihan Praktis dengan Figma. J-ABDI: Jurnal Pengabdian kepada Masyarakat, 5(5), 11430. https://doi.org/10.53625/jabdi.v5i5.11430
Sapta Dwi Harjo, R., Arifin, M., & Iddrus, I. (2025). Pelatihan Pengembangan Skill Designer UI dan UX dalam Rangka Memperkaya Skill Gen Z. Rampa’ Naong Jurnal Pengabdian Kepada Masyarakat, 3(2), 4490. https://doi.org/10.24929/rn.v3i2.4490
Utpadaka, F. M., Alfaujianto, M., & Surahmat, A. (2025). Peningkatan Kompetensi Desain Antarmuka Pengguna melalui Pelatihan UI/UX di SMKN 6 Tangerang Selatan. Jurnal Relawan dan Pengabdian Masyarakat REDI, 2(4), 43. https://doi.org/10.69773/4wrv8x50
Ikhsan, N., Diana, M., Insanu Madani, N., et al. (2025). Pengenalan dan Pelatihan User Interface (UI) Menggunakan Figma di MA Al Jauharotunnaqiyyah Jerang Barat. Abdi Laksana: Jurnal Pengabdian Kepada Masyarakat, 6(1), 47059. https://doi.org/10.32493/abdilaksana.v6i1.47059
Rahmadani, R. (2022). Design UI/UX Design for Tutoring Applications (BIJAR) Using the Figma Model Design Thinking. EduTeach: Jurnal Edukasi dan Teknologi Pembelajaran, 5(1), 6613. https://doi.org/10.37859/eduteach.v5i1.6613
Downloads
Published
Issue
Section
License
Copyright (c) 2026 Fika Yulanda, Putri Aulia Nur Rahmatia Mumek, Mili Nur Rahmatia, Nurna Ningsih, Surtin, Alwas Muis
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.
