Figma Masuk Sekolah: Inovasi Pembelajaran UI Design untuk Generasi Digital

Authors

  • Karina Auliasari Institut Teknologi Nasional Malang
  • Mira Orisa Institut Teknologi Nasional Malang
  • Mariza Kertaningtyas Institut Teknologi Nasional Malang
  • Zulkifli Abdillah SMK Negeri 2 Singosari Malang
  • Muhammad Rafi Faddilani Institut Teknologi Nasional Malang
  • Fathur Riski Institut Teknologi Nasional Malang
  • Jamil Nashrulloh Institut Teknologi Nasional Malang
  • Bagaskara Adhi P Institut Teknologi Nasional Malang

DOI:

https://doi.org/10.55606/kreatif.v5i2.6053

Keywords:

UI design, FIGMA, Students, Vocational High Schools, Digital Competencies

Abstract

UI design training using the FIGMA platform implemented at SMKN 2 Singosari is a community service activity carried out by a team of lecturers and students of Informatics Engineering S1 and Industrial Engineering S1 at ITN Malang. Students of the RPL expertise program class XI SMKN 2 Singosari have gained an understanding and expertise in UI design from the results of the training activities. The mastery and understanding of the training material by students is shown from the questionnaire score, which averages 5 on a scale of 5 for understanding the material and a value of 4.2 for teaching satisfaction during the training. As many as 80% of students also expressed their satisfaction with the quality of the teaching team in delivering the material and their patience in overseeing the UI design practice material. The results shown show that the FIGMA community service program entering schools has succeeded in supporting innovative learning that supports the skills of the current digital generation in the vocational high school education environment.

References

Asnal, H., Junadhi, M., Jamaris, M., Mardainis, M., & Irawan, Y. (2022). Workshop UI/UX design dan prototyping dengan Figma di SMK Taruna Masmur Pekanbaru. J-PEMAS STMIK Amik Riau, 3(1), 18–25.

Garrett, J. J. (2010). The elements of user experience: User-centered design for the web and beyond. New Riders.

Interaction Design Foundation. (2023). What is UI design? https://www.interaction-design.org/literature/topics/ui-design

Kemendikbud. (2022). Kurikulum SMK 2022 – Direktorat SMK. Kementerian Pendidikan, Kebudayaan, Riset, dan Teknologi Republik Indonesia.

Kemenkominfo. (2023). Digital Talent Scholarship. https://digitalent.kominfo.go.id

LinkedIn. (2022). Jobs on the rise: 2022. https://www.linkedin.com/jobs/blog/linkedin-jobs-on-the-rise-2022

Lutfina, R. M., & Izzah, N. A. (2023). Pengenalan dan pelatihan user interface web design pada siswa SMK Nusaputera 1 Semarang. Jurnal Pengabdian Masyarakat Informatika dan Komputer, 4(3), 145–152.

Romadhoni, V. D. N., Tahir, M., Pratama, D. W., Rifai, A. B., Andini, F. F., Rohmah, A., & Hamidillah, A. A. (2024). Pelatihan desain UI/UX untuk siswa kelas XI TKJ SMKN 3 Bangkalan menggunakan Figma. Jurnal Pengabdian Masyarakat (JAPAMAS), 3(2), 163–172.

Sembiring, B. O., Dewi, A. R., Hasdiana, & Lubis, I. (2019). Peningkatan pengetahuan UI/UX design dalam peluang karir siswa SMK Negeri 1 Kutalimbaru pada era revolusi industri 4.0. Jurnal Prioritas: Jurnal Pengabdian Masyarakat, Oktober, 33–37.

Supriyadi, S., Yuliawati, D., Andriyadi, A., & Bachry, B. (2023). Pelatihan pengembangan UI/UX desain pada produk digital di SMA/SMK Bandar Lampung. J-Abdi: Jurnal Pengabdian Kepada Masyarakat, 2(8), 5969–5973.

Tidwell, J., Brewer, C., & Valencia, A. (2020). Designing interfaces: Patterns for effective interaction design (3rd ed.). O’Reilly Media.

Yulina, R., & Tim Dosen. (2024). Pelatihan pengembangan kompetensi siswa dalam merancang UI/UX menggunakan Figma pada SMK Muhammadiyah 2 Pekanbaru. Jurnal Abdimas Informatika, 5(1), 45–52.

Downloads

Published

2025-05-28

How to Cite

Karina Auliasari, Mira Orisa, Mariza Kertaningtyas, Zulkifli Abdillah, Muhammad Rafi Faddilani, Fathur Riski, … Bagaskara Adhi P. (2025). Figma Masuk Sekolah: Inovasi Pembelajaran UI Design untuk Generasi Digital . KREATIF: Jurnal Pengabdian Masyarakat Nusantara, 5(2), 131–144. https://doi.org/10.55606/kreatif.v5i2.6053