Design ↔ Engenharia: pesquisa aplicada em handoff
Três artigos publicados no IEEE sobre bibliotecas de componentes e a entrega entre design e código
- Product Designer e coautora
- Design Systems · Design handoff · HCI
Da prática de Design System à pesquisa publicada: uma biblioteca de style guide em React, um plugin de handoff com pipeline de CI/CD e a evolução desse fluxo automatizado.
No dia a dia de produto, a distância entre o que o design especifica e o que chega ao código gerava retrabalho, inconsistência e conversas repetidas. Com o time de P&D, essa dor virou pergunta de pesquisa: como encurtar o caminho entre o arquivo de design e a implementação sem perder a intenção do design?
O trabalho resultou em três artigos apresentados em conferências internacionais e publicados no IEEE Xplore, em coautoria com pesquisadores e engenheiros.
- 3
- artigos em conferências internacionais
- IEEE
- publicações indexadas no IEEE Xplore
Uma linha de pesquisa em três passos
CHIuXiD 2023 · “A React Style Guide Library for MUI Web Apps”: consistência e reutilização de componentes como infraestrutura de produto.
CHILECON 2023 · “The Easy Design Handoff Plugin and a CI/CD Pipeline for Automated Design Handoff”: um plugin e um pipeline para automatizar a entrega do design ao código.
ICIC 2024 · “E2DH: Enhanced Easy Design Handoff”: a evolução desse fluxo automatizado.
A pesquisa nasceu de rituais de time
O que foi publicado se apoiava em práticas que eu exercia no dia a dia de Design System: documentação viva, governança de decisões, Design Review e Design QA, além de mentoria e onboarding de pessoas em UX/UI e Design System.
- Design Review e Design QA como parte do fluxo
- Documentação viva de componentes
- Mentoria e onboarding em Design System
Do handoff automatizado à Generative UI
Essa linha de pesquisa levou à investigação que sigo hoje, de forma independente: o que muda no processo, na experiência e na autoria quando partes da interface passam a ser geradas por IA.