Antigravity + design system: UI consistente
Sem tokens, cada tela vira estilo diferente. IA amplifica inconsistência se você não travar regra.
TL;DR
Antigravity + design system: UI consistente. Sem tokens, cada tela vira estilo diferente. IA amplifica inconsistência se você não travar regra.
Prompts úteis
“Use apenas tokens X; não invente cor; botão primário é ButtonPrimary”. Repita no system prompt do projeto.
Acessibilidade
Foco visível, labels em input, heading hierarchy. Lighthouse não substitui teste com teclado.
Leitura relacionada no hub
Este artigo aprofunda um recorte do tema principal. Para a visão geral que originou esta série, abra o post de referência: Antigravity e AI builders. Use os links internos para navegar entre os spokes sem perder contexto.
Perguntas frequentes
Como fazer IA respeitar design system?
Documente tokens (cor, tipo, espaçamento, radius) e lista de componentes permitidos num arquivo que o agente lê antes de gerar. No prompt, proíba inventar novas cores e exija uso dos tokens nomeados.
Antigravity piora acessibilidade?
Pode, se ninguém revisar foco, contraste e hierarquia de headings. Use checklist WCAG nos estados principais e teste teclado; Lighthouse ajuda mas não substitui revisão humana.
Preciso de Storybook com IA?
Ajuda muito: estados visíveis e regressão quando o modelo refatora. Mesmo um catálogo mínimo de variantes reduz drift de UI entre telas.