Easel UI Checker
Uma extensão que permite verificar facilmente a paridade de design dos seus componentes Figma em uma página da web.
Listado em categorias:
Extensões do ChromeFerramentas de designFerramentas de desenvolvimento
Descrição
Easel UI é uma extensão do Google Chrome projetada para facilitar a garantia de qualidade (QA) para a paridade de design dos componentes do Figma em páginas da web. Permite que os usuários sobreponham uma tela transparente em qualquer página da web, permitindo que eles carreguem imagens e as comparem com elementos ao vivo diretamente.
Como usar Easel UI Checker?
Para usar o Easel UI, instale a extensão na Chrome Web Store, abra qualquer página da web e ative a extensão. Carregue a imagem do seu componente Figma na tela transparente, ajuste a opacidade e arraste a imagem para compará-la com os elementos ao vivo na página.
Recursos principais de Easel UI Checker:
1️⃣
Gerar uma tela transparente sobre qualquer página da web
2️⃣
Carregar e manipular imagens para comparação
3️⃣
Ajustar a opacidade da tela para ver elementos subjacentes
4️⃣
Arrastar e soltar imagens em qualquer lugar da página
5️⃣
Comparar elementos ao vivo com componentes exportados do Figma
Por que usar Easel UI Checker?
| # | Caso de uso | Status | |
|---|---|---|---|
| # 1 | Desenvolvedores web podem garantir a precisão do design comparando elementos web ao vivo com designs do Figma. | ✅ | |
| # 2 | Designers de UI/UX podem validar se os designs implementados correspondem às especificações originais. | ✅ | |
| # 3 | Equipes de garantia de qualidade podem identificar rapidamente discrepâncias entre design e implementação. | ✅ | |
Desenvolvido por Easel UI Checker?
Easel UI é desenvolvido pela Titanium Clad Studios, uma equipe focada em criar ferramentas que aprimoram o processo de desenvolvimento e design web.