VarUI Validator: Ferramenta de Inspeção de CSS
VarUI Validator é uma extensão gratuita para o Chrome, projetada para desenvolvedores front-end, engenheiros de QA e designers. Este add-on permite inspecionar estilos CSS computados de qualquer elemento em uma página da web, utilizando um seletor de elementos semelhante ao DevTools. Com recursos como comparação de estilos lado a lado e integração com o Figma, facilita a validação de designs em tempo real. Além disso, a ferramenta é compatível com qualquer URL, incluindo sites em produção e ambientes de desenvolvimento locais.
Para usar o VarUI Validator, basta clicar no ícone da extensão na barra de ferramentas para abrir o painel lateral. A partir daí, é possível colar um link do design do Figma e seu token de acesso pessoal para comparar com os elementos da página. A extensão destaca as diferenças de estilo em vermelho e as correspondências em verde, proporcionando uma experiência clara e eficiente para a validação de interfaces.
