Enhancing UI/UX Design Competency Using Figma at SMK NU Donomulyo

Adriani Kala'lembang; Suastika Yulia Riska; Azwar Riza Habibi; Widya Adhariyanty Rahayu; Yudistira Arya Sapoetra

doi:10.32815/jpm.v7i1.2855

Authors

Adriani Kala'lembang Institut Teknologi dan Bisnis Asia Malang
Suastika Yulia Riska Institut Teknologi dan Bisnis Asia Malang
Azwar Riza Habibi Institut Teknologi dan Bisnis Asia Malang
Widya Adhariyanty Rahayu Institut Teknologi dan Bisnis Asia Malang
Yudistira Arya Sapoetra Institut Teknologi dan Bisnis Asia Malang

DOI:

https://doi.org/10.32815/jpm.v7i1.2855

Keywords:

Competency, UI/UX Design, Figma

Abstract

Purpose: This study addresses the competency gap between vocational graduates and industry demands for UI/UX design skills through a Figma-based training program at SMK NU Donomulyo.

Method: A hands-on, project-based workshop was delivered to 30 students. Effectiveness was measured via pre-test/post-test assessments, final project rubrics, and participant satisfaction surveys.

Practical Applications: The program provides students with industry-standard prototyping capabilities and ready-to-use digital portfolios, directly improving their employability in the growing digital design sector.

Conclusion: Findings revealed a 40.6% knowledge improvement, 100% project completion, and high satisfaction (4.5/5.0). The initiative successfully bridges educational and industrial requirements, confirming hands-on training as a vital strategy for vocational digital readiness.

References

Alfina, Lathifah, A., & Kurnia, U. I. (2024). Efektivitas penggunaan figma sebagai alat prototyping dalam mata kuliah interaksi manusia dan komputer 1,2,3. J-Diteksi (Jurnal Pendidikan Teknologi Informasi), 3(2), 40–45.

Auliasari, K., Orisa, M., Kertaningtyas, M., & Abdillah, Z. (2025). Figma Masuk Sekolah: Inovasi Pembelajaran UI Design untuk Generasi Digital. Kreatif : Jurnal Pengabdian Masyarakat Nusantara, 5(2), 131–144.

Biantara, I. G. D. O., & Dana, I. M. K. (2024). Desain Digital Untuk Generasi Muda: Pengembangan Kemampuan UI/UX Menggunakan Figma Pada SMATaruna Bangsa Sentul Dan SMK Triatmajaya Dalung. Jurnal Binacipta, 3(2), 63–73.

Hafidz, A., Prasetyo, A., & Raharjo, M. (2022). Web Quality Analysis ( UI/ UX ) in the marketplace using a Technology Acceptance Model ( TAM ) approach. Journal of Information System, Informatics and Computing, 6(2), 611–622. https://doi.org/10.52362/jisicom.v6i2.958

Harsel, A., Hadiya, R., Widyatmoko, K., & Mulyahartantya, N. (2024). Eksplorasi Desain UI / UX Digital Siswa Menggunakan Figma di SMAN 15 Semarang. JNPMIK (Jurnal Nasional Pengabdian Masyarakat Ilmu Komputer), 3(2), 46–57.

Kurniasari, E., Reyhandera, R. N., & Kembaren, S. B. (2025). Penerapan Metode Design Thinking Dalam Perancangan UI / UX Aplikasi Tafsir Mimpi Menggunakan Figma. Jurnal Minfo Polgan, 13(2), 2212–2221.

Kurniawan, E., Syafnur, A., Rahmadani, N., & Marpaung, N. (2025). Fundamental User Interface Dan User Experience ( UI / UX ) Design Di Lingkungan Sekolah Menengah Kejuruan. Journal Of Indonesian Social Society, 3(2), 92–98.

Putri, R. E., & Arrafi, R. (2025). Sosialisasi Penggunaan Figma dalam Desain UI / UX Aplikasi. Jurnal Hasil Pengabdian Masyarakat (JURIBMAS), 4(1), 131–136.

Ramadhani, S., & Hidayati, R. (2024). Analisis Kepuasan Mahasiswa terhadap Penggunaan Aplikasi Figma dalam Desain UI/UX dengan Pendekatan End-User Computing Satisfaction ( EUCS ). Digital Transformation Technology (Digitech), 4(2), 1132–1139.

Wawolumaja, J. F., Huseini, M., Subarsa, K. Y., & Anggraini, R. (2021). Pengaruh user experience (ux) design terhadap kemudahan pengguna dalam menggunakan aplikasi carsworld. Acta Diurna, 17(1), 53–71.