Design system — Todos os artigos e tutoriais

Um design system vive ou morre conforme sua coerência de aplicação. Definir tokens, componentes e uma identidade gráfica não basta — ainda é preciso verificar se cada tela, em cada produto, respeita efetivamente essas regras ao longo dos releases. É precisamente o papel do teste visual aplicado ao design system: detectar que um padding derivou, que uma variante de botão foi duplicada localmente em vez de reutilizada, que uma cor de marca foi substituída por um valor fixo durante uma integração rápida.

Esta página agrupa os artigos dedicados ao cruzamento design system / teste visual: estruturação de uma suíte de testes por componente e por página, gestão das baselines durante a evolução dos tokens (mudança de paleta, reformulação tipográfica), articulação entre a verificação no nível de componente (Storybook + Chromatic tipicamente) e a validação no nível de página montada. Também abordamos os desafios organizacionais: quem valida os diffs visuais — a equipe de design, a equipe front, o QA? Como evitar que a dívida visual se acumule discretamente entre duas auditorias? O Delta-QA se concentra na camada de página, complementar a uma ferramenta de componente, e estes artigos buscam dar uma visão de conjunto em vez de promover uma única cadeia de ferramentas.