Art and Design
Art and Design
ISSN 2617-0272 e-ISSN 2617-0280
DOI: 10.30857/2617-0272
Submit an article

Article

Download article

Application of contemporary cloud-based design tools in web interface

Ali Azzaari

Received 09.12.2025, Revised 05.03.2026, Accepted 09.04.2026 Published 10.04.2026

Abstract

The relevance of this study is determined by the rapid development of the digital environment and the increasing demands placed on the quality of user interfaces, which require the effective use of contemporary graphic design tools in web design practices. The purpose of the study was to provide a comprehensive analysis of the role of the platforms Figma, Adobe XD, and Sketch in web interface development processes and their impact on task efficiency, design speed, the level of collaboration, and the development of design systems. This purpose was achieved through an integrated approach combining theoretical analysis, case studies, and an empirical experiment with a student learning group. Key characteristics of the tools were analysed, their effectiveness in performing typical project tasks was evaluated, and their impact on productivity and interface quality was assessed. The study established that contemporary graphic editors substantially transform professional User Interface design practice by ensuring scalability, consistency, and efficiency of digital products. Successful examples of tool application in e-commerce, healthcare services, educational platforms, and SaaS solutions were analysed. The advantages of cloud-based collaboration, integration with other software ecosystems, and support for accessibility standards were identified. Based on empirical data, recommendations were formulated regarding the selection of tools depending on project requirements, and potential risks of excessive design standardisation were outlined. The findings may be used by designers, front-end developers, managers, and educators to optimise User Interface processes, enhance team productivity, and improve the quality of web interfaces 


Keywords:

UI design; Figma; Adobe XD; Sketch; digital interfaces; design systems; graphic editor

https://doi.org/10.30857/2617-0272.2026.1.8

Retrieved from Vol. 9, No. 1, 2026

Pages 88-99

References Suggested citation

References

  1. Feng, K.J.K., Li, T.W., & Zhang, A.X. (2023). Understanding collaborative practices and tools of professional UX practitioners in software organizations. In CHI conference on human factors in computing systems (article number 764). New York: Association for Computing Machinery. doi: 10.1145/3544548.3581273.
  2. Goraya, S.S. (2024). Defending and extending design systems. (Master’s thesis, The University of Guelph, Guelph, Canada).
  3. Huang, T. (2024). FEAD: Figma-Enhanced App Design framework for improving UI/UX in educational app development. arXiv. doi: 10.48550/arXiv.2412.06793.
  4. Jolak, R., Wortmann, A., Liebel, G., Umuhoza, E., & Chaudron, M.R. (2023). Design thinking and creativity of colocated versus globally distributed software developers. Journal of Software: Evolution and Process, 35(5), article number e2377. doi: 10.1002/smr.2377.
  5. Kowalczyk, E., Glinka, A., & Szymczyk, T. (2022). Comparative analysis of interface sketch design tools in the context of User Experience. Journal of Computer Sciences Institute, 22, 51-58. doi: 10.35784/jcsi.2803.
  6. Krammer, C. (2017). Figma vs Sketch: The showdown. Smashing Magazine. Retrieved from https://www.smashingmagazine.com/2017/03/sketch-figma-showdown/.
  7. Krokhmal, P.V., Rybalchenko, O.H., & Bilashenko, S.V. (2024). Adaptability and tools for developing flexible interfaces. In Development of industry and society: Materials from the international scientific and technical conference (p. 247). Kryvyi Rih National University: Kryvyi Rih.
  8. Lamine, Y., & Cheng, J. (2022). Understanding and supporting the design systems practice. Empirical Software Engineering, 27, article number 146. doi: 10.1007/s10664-022-10181-y.
  9. Masveta, D., & Manyangara, M.E. (2025). The UX-UI continuum: Exploring the interplay between user experience and user interface in e-learning platforms. Cogent Education, 12(1), article number 2536531. doi: 10.1080/2331186X.2025.2536531.
  10. Maxwell, H., & Brisco, R. (2025). A comparative analysis of synchronous and asynchronous computer-supported collaborative design. Proceedings of the Design Society, 5, 11-20. doi: 10.1017/pds.2025.10015.
  11. Rajala, O. (2024). Impact of React component libraries on developer experience – an empirical study on component libraries’ styling approaches. (Master’s thesis, Aalto University, Espoo, Finland). doi: 10.13140/RG.2.2.18504.33282.
  12. Samulinas, S., & Zhytienova, N. (2025). Innovations in UI/UX design as a key to successful digital product development. Professional Art Education, 6(1), 93-106. doi: 10.34142/27091805.2025.6.01.09.
  13. Shah, H. (2024). Enhancing web accessibility: Navigating the upgrade of design systems from WCAG 2.0 to WCAG 2.1. International Journal of Web & Semantic Technology, 15(1), 1-16. doi: 10.5121/ijwest.2024.15101-у.
  14. Shokrizadeh, A. (2025). Ideating under constraints with UIDEC in UI/UX design. In CHI conference on human factors in computing systems (article number 1106). New York: Association for Computing Machinery. doi: 10.1145/3706598.3713785.
  15. Tevi, A., Parker, J., Koslow, S., & Ang, L. (2025). Creative performance in professional advertising development: The role of ideation templates, consumer insight, and intrinsic motivation. Journal of the Academy of Marketing Science, 53, 854-875. doi: 10.1007/s11747-024-01063-4.
  16. The Competition and Markets Authority. (2023). Anticipated acquisition by Adobe Inc. of Figma, Inc. Retrieved from https://assets.publishing.service.gov.uk/media/656891e55936bb00133167cf/Final_Report.pdf.
  17. Uhlyk, R.S. (2025). Interface generation through layout images. (Master’s thesis, Kharkiv National University of Radio Electronics, Kharkiv, Ukraine).
  18. Wang, J., Xu, Z., Wang, X., & Lu, J. (2022). A comparative research on usability and user experience of user interface design software. International Journal of Advanced Computer Science and Applications, 13(8), 21-29. doi: 10.14569/IJACSA.2022.0130804.
  19. World Medical Association. (2013). Declaration of Helsinki: Ethical principles for medicalresearch involving human subjects. Retrieved from https://www.wma.net/what-we-do/medical-ethics/declaration-of-helsinki/.
  20. World Wide Web Consortium. (2018). Web Content Accessibility Guidelines (WCAG) 2.1. Retrieved from https://www.w3.org/Translations/WCAG21-ua/.
  21. Ye, X., Frens, J., & Hu, J. (2024). Design tools for supporting the remote collaborative design process: A systematic review. In Proceedings of the 10th international symposium of Chinese CHI (pp. 83-95). New York: Association for Computing Machinery.  doi: 10.1145/3565698.3565772.
  22. Yu, R., Gu, N., & Masoumzadeh, S. (2024). Exploring the impact of digital technologies on team collaborative design. Buildings, 14(10), article number 3263. doi: 10.3390/buildings14103263.
  23. Zhang, M., Gong, Y., Deng, R., & Zhang, S. (2022). The effect of color coding and layout coding on users’ visual search on mobile map navigation icons. Frontiers in Psychology, 13, article number 1040533. doi: 10.3389/fpsyg.2022.1040533.
  24. Zhang, S., Zhang, T., Cheng, J., & Zhou, S. (2025). Who is to blame: A comprehensive review of challenges and opportunities in designer-developer collaboration. Proceedings of the ACM on Human-Computer Interaction, 9(2), article number CSCW207. doi: 10.1145/3711105.

Suggested citation

Azzaari, A. (2026). Application of contemporary cloud-based design tools in web interface. Art and Design, 9(1), 88-99. https://doi.org/10.30857/2617-0272.2026.1.8