Consistência de UI/UX em micro frontends multi-tecnologia: um estudo exploratório com ênfase em design systems e técnicas de integração modular

Abstract

The adoption of the Micro Frontends architecture has emerged as a strategy to address the growing complexity of modern web applications, enabling organizational scalability and greater autonomy among development teams. However, the decomposition of the frontend into multiple domains and heterogeneous technologies introduces significant challenges related to maintaining visual consistency and user experience (UX). In this context, this work presents an exploratory study that investigates how different architectural integration decisions in multi-technology Micro Frontends environments impact user interface (UI) consistency. This research comparatively analyzes two approaches widely adopted in industry: the use of Web Components, emphasizing native style encapsulation, and Module Federation, focused on dynamic code sharing at runtime. To this end, controlled experimental scenarios were constructed to evaluate aspects such as style isolation, occurrence of visual conflicts, interface maintainability, and adherence to a Design System, based on technical metrics and empirical observations. The results indicate that decisions regarding the level of isolation or sharing between Micro Frontends directly influence the resilience of visual consistency, revealing trade-offs between modularity, technical flexibility, and UI governance. As a contribution, this study provides insights to software architects and frontend developers in selecting integration strategies that support visual sustainability and user experience in distributed applications.