Improving Digital Design Literacy through Figma-Based UI/UX Training at Qotrun Nada Islamic Boarding School Jakarta Indonesia

Muchtar ; Abdul Haris ; Mariah ; Winanto ; Sujoko ; Akifah ; Andi Nur ; Azizah ; Alifa Nur ; Zaharani ; Alisha ; Fauzia ; Latifah ; Utami ; Marizke Mega
Societal Serve: Journal of Community Engagement an... 📅 2026 Vol 3, No 1 🔗 DOI: 10.70063/societalserve.v3i1.177
Abstract
This study examines the implementation of a Figma-based UI/UX training program aimed at improving digital design literacy among students at Qotrun Nada Islamic Boarding School, Jakarta. The program was developed to address the limited digital competencies and practical design skills commonly found among santri in traditional Islamic educational environments. Using a project-based learning and mentoring approach, participants were introduced to fundamental concepts of User Interface (UI), User Experience (UX), and collaborative digital design using Figma. The activities included workshops, practical design exercises, mentoring sessions, and prototype development projects. The findings demonstrated significant improvements in students’ digital literacy, communication skills, teamwork, creativity, and confidence in using technology. Students successfully produced simple website prototypes that reflected basic usability and visual design principles. Furthermore, the integration of digital literacy training within the pesantren environment showed that technological skill development can be harmonized with Islamic educational values and community empowerment initiatives
Keywords
Digital Literacy; UI/UX Design; Figma Training; Islamic Boarding School; Community Empowerment
How to Cite

Muchtar, et al. (2026). Improving Digital Design Literacy through Figma-Based UI/UX Training at Qotrun Nada Islamic Boarding School Jakarta Indonesia. Societal Serve: Journal of Community Engagement and Services, 3(1). https://doi.org/10.70063/societalserve.v3i1.177

Muchtar, Abdul Haris; Mariah; Winanto, Sujoko; Akifah, Andi Nur; Azizah, Alifa Nur; Zaharani, Alisha; Fauzia, Latifah; Utami, Marizke Mega, "Improving Digital Design Literacy through Figma-Based UI/UX Training at Qotrun Nada Islamic Boarding School Jakarta Indonesia," Societal Serve: Journal of Community Engagement and Services, vol. 3, no. 1, 2026.

Muchtar, Abdul Haris; Mariah; Winanto, Sujoko; Akifah, Andi Nur; Azizah, Alifa Nur; Zaharani, Alisha; Fauzia, Latifah; Utami, Marizke Mega. "Improving Digital Design Literacy through Figma-Based UI/UX Training at Qotrun Nada Islamic Boarding School Jakarta Indonesia." Societal Serve: Journal of Community Engagement and Services, vol. 3, no. 1, 2026.

Muchtar, Abdul Haris; Mariah; Winanto, Sujoko; Akifah, Andi Nur; Azizah, Alifa Nur; Zaharani, Alisha; Fauzia, Latifah; Utami, Marizke Mega. "Improving Digital Design Literacy through Figma-Based UI/UX Training at Qotrun Nada Islamic Boarding School Jakarta Indonesia." Societal Serve: Journal of Community Engagement and Services 3, no. 1 (2026).

Muchtar, et al. (2026) 'Improving Digital Design Literacy through Figma-Based UI/UX Training at Qotrun Nada Islamic Boarding School Jakarta Indonesia', Societal Serve: Journal of Community Engagement and Services, 3(1). doi: 10.70063/societalserve.v3i1.177.

Muchtar, Abdul Haris; Mariah; Winanto, Sujoko; Akifah, Andi Nur; Azizah, Alifa Nur; Zaharani, Alisha; Fauzia, Latifah; Utami, Marizke Mega. Improving Digital Design Literacy through Figma-Based UI/UX Training at Qotrun Nada Islamic Boarding School Jakarta Indonesia. Societal Serve: Journal of Community Engagement and Services. 2026;3(1).

Artikel Terkait

Empowering Santri Through Entrepreneurship and Digital Skills Development at Asy-Syifa Al-Islami Islamic Boarding School

Maulidizen, Ahmad; Azizli, Kamran; Fadhlurrahman, Fauzan Ulwan; Abdullayev, Kamran

Participatory Inclusive Education Programs for Sustainable Community Development

Vivekanantharasa, Raveenthiran; Pironti, Vicente; Mirzayev, Emil; Thoriq, Muhammad Rafi

Legal and Financial Literacy Programs for Sustainable Social Development

Ahmed, Abdal; Hariyadi, Ahmad Reza; Wijaya, Rusdiana Priatna

Human Resource Development and Employability Skills Training for Sustainable Community Development

Arief, Jamaluddin; Rana, Varinder Singh; Mammadli, Vüqar Ahmad

Developing Halal Human Capital for Sustainable MSME Ecosystems: Participatory Action Research in an Indonesian Toll Road Rest Area

Darmawan, Rachmat; Julian, Fajar Azhari; Rachmayani, Novianti; Rochim, Abdul; Mulyana, Andri; Adzka, Muhammad; Muchtar, Abdul Haris; Winanto, Sujoko

AI-Driven Economic Capacity Building and Digital Skills Development for Community Groups in Azerbaijan

Ibrahimova, Konul; Aliyeva, Lale Rahman; Garayeva , Valida Togrul
Tren Sitasi Jurnal