Pengenalan Tools Figma Dalam Desain UI/UX Untuk Meningkatkan Keterampilan Digital Siswa SMA

Ranti Eka  Putri; Ayu Nadia Lestari; Sofian Sauri Meliala

doi:10.64803/jupemba.v2i2.188

Authors

Ranti Eka Putri Universitas Pembangunan Panca Budi Author
Ayu Nadia Lestari Universitas Pembangunan Panca Budi Author
Sofian Sauri Meliala Universitas Pembangunan Panca Budi Author

DOI:

https://doi.org/10.64803/jupemba.v2i2.188

Keywords:

Figma, UI/UX, Keterampilan Digital, Desain Antarmuka

Abstract

Perkembangan teknologi digital menuntut siswa memiliki keterampilan dalam bidang User Interface (UI) dan User Experience (UX). Namun, masih banyak siswa yang belum memahami konsep dasar UI/UX serta belum memiliki keterampilan menggunakan Figma sebagai salah satu perangkat lunak desain antarmuka. Kegiatan pengabdian kepada masyarakat ini bertujuan untuk meningkatkan keterampilan digital siswa melalui pengenalan konsep UI/UX dan pelatihan penggunaan Figma. Metode yang digunakan meliputi sosialisasi, demonstrasi, praktik langsung, serta diskusi dan tanya jawab. Mitra kegiatan adalah siswa sekolah menengah atas dengan jumlah peserta sebanyak 23 orang. Evaluasi dilakukan melalui observasi selama praktik serta penilaian terhadap hasil prototipe desain yang dibuat peserta berdasarkan penerapan prinsip-prinsip dasar UI/UX. Hasil kegiatan menunjukkan bahwa seluruh peserta mampu menggunakan Figma untuk membuat prototipe antarmuka aplikasi sederhana dan memahami konsep dasar UI/UX dengan lebih baik. Selain itu, keterampilan digital peserta mengalami peningkatan yang ditunjukkan melalui kemampuan mengimplementasikan elemen desain, tata letak, tipografi, dan navigasi pada prototipe yang dihasilkan. Kegiatan ini diharapkan menjadi bekal awal bagi siswa dalam mengembangkan kompetensi di bidang desain digital sesuai dengan kebutuhan industri

References

Auliasari, K., Mira Orisa, Mariza Kertaningtyas, Zulkifli Abdillah, Muhammad Rafi Faddlilani, & P, F. R. J. N. B. A. (2024). Figma Goes to School: Innovation in UI Design Learning for the Digital Generation Karina. 2, 306–312.

Herdiansyah, G., Gymnastiar, A., Husnan, A., Maulana, S., & Harun, T. (2025). Sosialisasi dan Pelatihan Aplikasi Figma untuk Siswa SMK Yadika 5dalam Meningkatkan Keterampilan UI/UX. 1(1), 60–65. https://journal.jci.co.id/jspm

Irsyandi, M. F., & Nurul Huda. (2025). PELATIHAN DISAIN UI DAN UX MENGGUNAKAN APLIKASI FIGMADALAM MEMBUAT WEBSITE. 4(2), 316–324.

Kurniawan, P., & Rani, S. (2022). Perancangan Desain UI/UX Aplikasi PeduliPanti Menggunakan Metode Human-Centered Design. Automata, 3(2).

Kurniawan, R., & Budi, M. (2022). Perancangan Ui/Ux Aplikasi Manajemen Penelitian Dan Pengabdian Kepada Masyarakat Menggunakan Aplikasi Figma. Jurnal Sistem Informasi, 5(1).

Pertiwi, A., Lastin, D. R., Hafidzah, H., Wijayanti, M., Prayitno, R. H., Kristianti, V. E., & Rianto, Y. (2026). Implementasi Pelatihan UI/UX Design Berbasis Figma dalam Meningkatkan Keterampilan Desain Digital di kalangan Siswa-Siswi SMK Tirtajaya Depok. Jurnal Pengabdian Masyarakat Bangsa, 3(11), 6709–6714. https://doi.org/10.59837/jpmba.v3i11.3911

Putri, R. E., Kom, S., Kom, M., Fadly, Y., Si, M., Purwanto, D., & Pardede, J. (2024). PROTOTYPE (DESAIN UI UX) APLIKASI PERPUSTAKAAN DIGITAL DENGAN FIGMA.

Putri, R. E., Yusman, Y., & Wira Pratama, Y. (2022). UI/UX Design of Early Childhood Learning Applications Using Figma. SYSTEMATICS, 4(3).