Pelatihan Desain UI/UX Menggunakan Figma untuk Front End Web PT Asmar Nakama Partogi

Mercy Hermawati; Dian Nur Sholihaningtias; Opitasari Opitasari; Ade Kurnia Solihin

doi:10.58266/jpmb.v5i2.1905

Authors

Mercy Hermawati Universitas Indraprasta PGRI, Indonesia
Dian Nur Sholihaningtias Universitas Indraprasta PGRI, Indonesia
Opitasari Opitasari Universitas Indraprasta PGRI, Indonesia
Ade Kurnia Solihin Universitas Indraprasta PGRI, Indonesia

DOI:

https://doi.org/10.58266/jpmb.v5i2.1905

Keywords:

Branding digital, Figma, Front end Web, Pelatihan UI/UX

Abstract

Website merupakan salah satu sarana perusahaan untuk berkomunikasi dengan pelanggan. Namun, website PT. Asmar Nakama Partogi di Bantar Gebang, Kota Bekasi, masih memiliki kendala pada navigasi, responsivitas, dan daya tarik tampilan. Kegiatan pengabdian kepada masyarakat ini bertujuan memberikan keterampilan dasar kepada staf pemasaran dalam merancang antarmuka pengguna dan pengalaman pengguna (UI/UX) menggunakan Figma. Kegiatan diikuti oleh 10 staf pemasaran dan dilaksanakan secara luring melalui metode ceramah, demonstrasi, dan praktik terbimbing dengan dukungan modul. Pelaksanaan kegiatan meliputi lima tahap, yaitu identifikasi masalah, koordinasi dan perizinan, penyusunan modul, pelaksanaan pelatihan, serta evaluasi. Hasil kegiatan menunjukkan bahwa seluruh peserta berhasil menghasilkan prototipe desain halaman depan website dengan memanfaatkan konten dan foto produk mitra sebagai bahan praktik. Evaluasi kepuasan menggunakan lima butir pertanyaan dengan skala Likert 1–5 menghasilkan skor aktual 212 dari skor maksimal 250 atau sebesar 84,8%. Nilai tersebut menunjukkan tanggapan positif peserta terhadap materi dan pelaksanaan pelatihan, tetapi belum mengukur peningkatan kompetensi secara langsung. Kegiatan ini memiliki kekhasan pada penggunaan konten dan produk aktual perusahaan sebagai bahan praktik, sehingga prototipe yang dihasilkan berpotensi menjadi dasar pengembangan tampilan website mitra lebih lanjut.

References

Adhitama, A., Widiyaningsih, W., & Lailasari, M. (2022). Perancangan user interface pada website streaming anime menggunakan aplikasi Figma. Jurnal Nasional Teknologi Komputer, 2(4), 159–176. https://doi.org/10.61306/jnastek.v2i4.55

Agustina, A. D., & Testiana, G. (2026). Perancangan sistem informasi pengelolaan data sampah berbasis prototype menggunakan Figma pada PT PLN Indonesia Power UBP Keramasan. Jurnal Sains Student Research, 4(4), 160–169. https://doi.org/10.61722/jssr.v4i4.11065

Alfahmi, A. R., & Rizky, D. M. (2025). Perancangan UI/UX aplikasi reservasi tenant untuk UMKM pada event daerah menggunakan Figma. BHATARA: Jurnal Multidisiplin, 2(2), 68–77. https://doi.org/10.59095/jmb.v2i2.215

Alfina, A., Lathifah, A., & Kurnia, U. I. (2024). Efektivitas penggunaan Figma sebagai alat prototyping dalam mata kuliah interaksi manusia dan komputer. J-Diteksi: Jurnal Pendidikan Teknologi Informasi, 3(2), 40–45. https://doi.org/10.30604/diteksi.v3i2.1629

Amalia, R. F., Maulida, N. R., & Damayanti, E. D. (2025). Perancangan UI/UX platform layanan siswa “SIPENA” menggunakan Figma dengan metode prototype. Jitu: Jurnal Informatika Utama, 3(2), 146–157. https://doi.org/10.55903/jitu.v3i2.347

Ependi, U. (2025). Digitalisasi layanan koperasi sawit berbasis web-mobile: Studi PKM di Koperasi Jaya Sempurna, Pali. Jurnal Abdi Insani, 12(12), 6897–6908. https://doi.org/10.29303/abdiinsani.v12i12.3104

Fullah, A., Septian, M. A., Septiawan, V. R., Ansari, M. I., Putra, M. R. H., Puspitasari, N., & Wati, M. (2025). Peningkatan kreativitas siswa dalam desain digital menggunakan aplikasi Figma di SMPN 1 Samarinda. Jannah: Jurnal Pengabdian kepada Masyarakat, 1(3), 237–242. https://jurnal.mifandimandiri.com/index.php/jannah/article/view/286

Hairah, U., Nursukamto, M. H., Ulhaqi, A. D., Puspitaningtyas, D., Sahriah, Asmawati, C., Arinda, V. A., & Rama, M. T. (2024). Peningkatan kompetensi siswa dalam merancang UI/UX aplikasi mobile menggunakan Figma. Jompa Abdi: Jurnal Pengabdian Masyarakat, 3(4), 59–65. https://doi.org/10.57218/jompaabdi.v3i4.1211

Harsel, A., Hadiya, R., Widyatmoko, K., Mulyahartantya, N., & Sukoco, Z. A. (2024). Eksplorasi desain UI/UX digital siswa menggunakan Figma di SMAN 15 Semarang. Jurnal Nasional Pengabdian Masyarakat Ilmu Komputer (JNPMIK), 3(2), 46–57. https://abdimasku.lppm.dinus.ac.id/index.php/JNPMIK/article/view/2396

Hasanah, R. L., & Nurmalasari, N. (2023). Pelatihan desain UI/UX mobile apps untuk remaja masjid Jakarta Islamic Centre menggunakan Figma. Literasi: Jurnal Pengabdian Masyarakat dan Inovasi, 3(1), 2–7. https://doi.org/10.58466/jurnalpengabdianmasyarakatdaninovasi.v3i1.1180

Hidayat, R. S., Suparmoko, Y. H., & Suratno, G. (2026). PKM sosialisasi digital marketing dan pengembangan web UMKM Pancalang: Strategi pemberdayaan ekonomi masyarakat Kecamatan Pancalang Kabupaten Kuningan. Jurnal Padamu Negeri, 3(2), 10–17. https://doi.org/10.69714/5a5t1954

Ilhami, M., Telaumbanua, K., Irviantina, S., Pardosi, I. A., & Kelvin. (2025). Kreasi desain digital: Pelatihan Figma untuk siswa SMA Wiyata Dharma. Jurnal Pengabdian pada Masyarakat METHABDI, 5(2), 343–346. https://doi.org/10.46880/methabdi.Vol5No2.pp343-346

Karimah, M., Supriyatna, S., & Rozali, C. (2024). Penggunaan Figma dalam menggali kreativitas desain UI/UX web pada SMK IT Bina Adzkia. JIPM: Jurnal Inovasi Pengabdian Masyarakat, 2(1), 6–10. https://doi.org/10.55903/jipm.v2i1.139

Khairi, A., Taufiqurrahman, A., Robbani, F., & Hidayatullah, S. (2024). PKM pelatihan penggunaan sistem informasi manajemen peminjaman sarana prasarana di Universitas Nurul Jadid berbasis web. SINAR: Sinergi Pengabdian dan Inovasi untuk Masyarakat, 1(1), 78–86. https://doi.org/10.65678/sinar.v1i01.93

Kholik, A., Soegiarto, A., & Sari, W. P. (2024). Strategi komunikasi visual dalam user interface (UI) dan user experience (UX) untuk membangun kepuasan pengguna. TUTURAN: Jurnal Ilmu Komunikasi, Sosial dan Humaniora, 2(4), 335–344. https://doi.org/10.47861/tuturan.v2i4.1358

Kurniasari, E., Reyhandera, R. N., Oktaviani, O., & Kembaren, S. B. (2025). Penerapan metode design thinking dalam perancangan UI/UX aplikasi tafsir mimpi menggunakan Figma. Jurnal Minfo Polgan, 13(2), 2212–2221. https://doi.org/10.33395/jmp.v13i2.14415

Maulidati, Z., Uttungga, R., Sodik, A., Arief, R., Sulistyowati, & Pakarbudi, A. (2026). Pelatihan UI/UX berbasis proyek dalam pengembangan portofolio digital menggunakan Figma untuk siswa SMK. Jurnal Pengabdian Masyarakat (JAPAMAS), 5(1), 233–242. https://doi.org/10.70340/japamas.v5i1.324

Nistrina, K., & Lestari, T. A. (2024). Desain inovatif sistem informasi profil Hotel Damanaka Pangalengan berbasis website menggunakan UML dan Figma. J-SIKA: Jurnal Sistem Informasi Karya Anak Bangsa, 6(1), 8–17. https://ejournal.unibba.ac.id/index.php/j-sika/article/view/1457

Pertiwi, A., Lastin, D. R., Wijayanti, M., & Hadi, R. (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/https://doi.org/10.59837/jpmba.v3i11.3911

Putra, F. A., Opitasari, & Parwati, N. W. (2025). Sistem absensi dengan metode face recognition menggunakan OpenCV berbasis web di TK Az-Zahra. Semnas Ristek (Seminar Nasional Riset dan Inovasi Teknologi), 9(1), 375–381. https://doi.org/10.30998/semnasristek.v9i1.7931

Putri, I. Z., Fithri, D. L., & Setiawan, R. R. (2026). Analisis sentimen ulasan Figma dan Canva di Google Play Store menggunakan Support Vector Machine dan SMOTE (Sentiment analysis Figma and Canva reviews on Google Play Store using Support Vector Machine and SMOTE). MALCOM: Indonesian Journal of Machine Learning and Computer Science, 6(4), 1865–1874. https://doi.org/10.57152/malcom.v6i4.3076

Putri, R., Widya, R., & Yusman, Y. (2023). Prototype sistem informasi bimbingan dan konseling menggunakan Figma. Jurnal Indonesia: Manajemen Informatika dan Komunikasi, 4(2), 540–551. https://doi.org/10.35870/jimik.v4i2.246

Rahman, N. I. (2026). Pengujian System Usability Scale (SUS) terhadap implementasi desain antarmuka pengguna (UI) website Universitas Darul Ulum Jombang menggunakan Figma. Edu Research: Jurnal Penelitian Pendidikan, 7(3), 570–580. https://doi.org/10.47827/jer.v7i3.3698

Riyanto, R., Risal, A., Nizam, N., Erwansyah, E., & Seliwati, S. (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), 39–47. https://doi.org/10.56689/padma.v5i1.1809

Sitorus, Y. P., Siregar, M., & Fauzan, M. N. (2024). PKM web service platform penjualan sepatu brand lokal. MERPATI: Media Publikasi Pengabdian kepada Masyarakat, 5(2), 80–85. https://doi.org/10.36618/merpati.v5i2.4082

Suparman, M., Rosada, M., Lutfi, M., Kamaliya, P., Sabaniah, F., Alfian, R. H., Ramadhan, F., Alfaro, I., & Rosdiana, M. (2023). Mengenal aplikasi Figma untuk membuat content menjadi lebih interaktif di era Society 5.0. Abdi Jurnal Publikasi, 1(6), 552–555. https://jurnal.portalpublikasi.id/index.php/ajp/article/view/283

Surianto, D. F., Wahid, M. S. N., Parenreng, J. M., Wahid, A., Zain, S. G., Edy, M. R., & Risal, A. A. N. (2023). PKM pelatihan Figma untuk desain prototipe sistem informasi. Vokatek: Jurnal Pengabdian Masyarakat, 1(2), 57–63. https://doi.org/10.61255/vokatekjpm.v1i2.88

Tazkiyah, S., & Arifin, A. (2022). Perancangan UI/UX pada website Laboratorium Energy menggunakan aplikasi Figma. Jurnal Teknologi Terpadu, 8(2), 72–78. https://doi.org/10.54914/jtt.v8i2.513

Widayati, S., & Rokoyah, K. (2026). Perancangan UI/UX aplikasi UMKM dengan metode Design Thinking menggunakan Figma. Journal of Information System, Informatics and Computing, 10(1), 36–48. https://doi.org/10.52362/jisicom.v10i1.2357

Winarsih, E., & Syam, E. (2022). Sistem informasi penelitian dan pengabdian kepada masyarakat (PkM) dosen berbasis web (studi kasus: LPPM Universitas Islam Kuantan Singingi). Jurnal Perencanaan, Sains dan Teknologi (JUPERSATEK), 5(1), 6-13. https://doi.org/https://doi.org/10.36378/jupersatek.v5i1.2522

Yunis, R. (2024). Pemanfaatan Figma dalam Perancangan User Interface E-Commerce. NUSANTARA: Jurnal Pengabdian Kepada Masyarakat, 4(3), 104–111. https://doi.org/https://doi.org/10.55606/nusantara.v3i4.3047

Yunita, A., Dari, W., Informasi, F. T., Studi, P., Informasi, S., & Mandiri, U. N. (2026). Analisis UI/UX Website Luarsekolah Pada Program Project-Based Internship Menggunakan Metode User-Centered Design (UCD) Dan Metode System Usability Scale (SUS). Jurnal Ilmiah ILKOMINFO - Ilmu Komputer & Informatika, 9(1), 122–132. https://doi.org/https://doi.org/10.47324/ilkominfo.v9i1.404