Enhancing UI/UX Design Competency Using Figma at SMK NU Donomulyo
DOI:
https://doi.org/10.32815/jpm.v7i1.2855Keywords:
Competency, UI/UX Design, FigmaAbstract
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.
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2026 Adriani Kala'lembang, Suastika Yulia Riska, Azwar Riza Habibi, Widya Adhariyanty Rahayu, Yudistira Arya Sapoetra
This work is licensed under a Creative Commons Attribution 4.0 International License.
