Search papers, labs, and topics across Lattice.
This study evaluates the impact of AI-assisted development tools on productivity and design consistency within Design System (DS) workflows through a controlled experiment at a large Brazilian enterprise. The findings reveal that AI assistance can reduce time-to-delivery by 46.7% to 69.4%, enhance task completeness, and minimize performance variability across various platforms, including Angular, iOS, and Android. The analysis indicates that AI tools not only streamline the development process but also improve the fidelity of design translations, highlighting their practical advantages in industrial front-end development.
AI-assisted development tools can slash delivery times by up to 69% while enhancing design fidelity in front-end workflows.
Design Systems (DS) help standardize front-end development, yet developers still face challenges when translating high-fidelity mockups into consistent, production-ready interfaces. Although AI-assisted tools have emerged as a potential solution, empirical evidence on their effectiveness within DS-centered workflows remains limited. This paper reports a controlled experiment conducted at a large Brazilian enterprise that compares manual development, DS-only development, and DS-aware AI-assisted development across Angular, iOS, and Android stacks. Results from two experimental cycles show that AI assistance significantly reduced time-to-delivery (by 46.7% to 69.4%), increased task completeness, and decreased performance variability. Analysis of break patterns further suggests reduced workflow friction and smoother task execution. These findings provide empirical evidence that DS-aware AI tools can significantly accelerate development, improve design fidelity, and yield practical benefits for industrial front-end workflows.
