Deutsch 
Español 
Français 
日本語 
한국어 
Polski 
Pixelay vs Percy
Alternativa ao Percy. Compare com o design, não só com a captura anterior.
Compare o Percy com o Pixelay para diferenciar testes de regressão visual de QA de design. O Pixelay compara uma página web com o design aprovado no Figma; o Percy testa as mudanças em relação a capturas de referência em um fluxo automatizado.
Instalação gratuita. Inclui 10 testes Pro, sem cartão de crédito.
Thank you so much Adam, this helped me a lot on deadline!
Percy ou Pixelay?
Compare o fluxo de trabalho e escolha a ferramenta ideal para o seu próximo projeto.
| Percy |  Com o Pixelay |
|---|---|
| Capturas de referência O Percy oferece testes de regressão visual em relação a capturas de referência. | Modos de comparação visual de sites Alterne entre sobreposição, tela dividida, detecção de diferenças e outras quatro visualizações enquanto compara um site com o design do Figma. Leia o guia do Pixelay |
| Verificações automatizadas O Percy integra os testes visuais aos fluxos de desenvolvimento. | QA de sites de staging e privados Compare um design do Figma com um site em produção, de staging, local ou privado. O site não precisa ser público para fazer o QA visual. Leia o guia do Pixelay |
| Revisão de mudanças O processo de revisão dele se concentra nas diferenças visuais entre versões. | Compare designs do Figma com um site Sobreponha um design do Figma ao site correspondente para identificar diferenças de espaçamento, alinhamento, tipografia, tamanho e implementação antes do lançamento. Leia o guia do Pixelay |
10 testes Pro grátis incluídos. Sem cartão de crédito.
Teste o Pixelay no seu próprio arquivoEscolha seu fluxo de trabalho
Escolha a ferramenta certa para cada trabalho.
Veja na prática
O que você pode fazer com o Pixelay.
Conheça os recursos por trás do fluxo de trabalho, com demonstrações e guias de configuração.
Veja todas as diferenças visuais em uma única visualização de QA do site.
Alterne entre sobreposição, tela dividida, detecção de diferenças e outras quatro visualizações enquanto compara um site com o design do Figma.
- Sete modos de comparação
- Revisão de páginas web completas
- Destaque de diferenças
Compare sites publicados, de staging, locais e privados com o Figma.
Compare um design do Figma com um site publicado, de staging, local ou privado. O site não precisa ser público para fazer o QA visual.
- URLs publicadas e de staging
- Compatível com ambientes privados
- QA visual antes do lançamento
Compare o site publicado diretamente com o design do Figma.
Sobreponha um design do Figma ao site correspondente para encontrar diferenças de espaçamento, alinhamento, tipografia, tamanho e implementação antes do lançamento.
- Sobreposição do design ao site
- QA visual no nível do pixel
- Revisão rápida da implementação
Teste com um projeto real
Leve o fluxo de trabalho para o Pixelay.
Comece com um arquivo representativo antes de mudar o processo da equipe.
Pixelay ProO que verificar antes de trocar.
O Pixelay não substitui o pipeline automatizado do Percy. Uma captura pode continuar igual e ainda assim ser diferente do Figma, então as duas verificações podem se complementar. Iguale o estado do navegador e o viewport antes de fazer o QA de design manual.
Leia o guia do fluxo de trabalho- Comece com uma página que passa na captura de referência, mas difere do layout aprovado no Figma. Carregue o design e o site ao mesmo tempo.
- Alterne entre os modos de comparação.
- Inspecione cada página e cada breakpoint. O Pixelay não substitui o pipeline automatizado do Percy.
Perguntas frequentes
O que saber antes de começar.
Quando devo escolher o Pixelay em vez do Percy?
Designers que verificam se uma implementação coincide com o design pretendido, e não só se ela mudou em relação a uma captura anterior.
Quando o Percy é a melhor opção?
Equipes de engenharia que precisam de testes automatizados de regressão visual como parte de um pipeline de testes ou de lançamento.
O que devo verificar antes de trocar?
O Pixelay não substitui o pipeline automatizado do Percy. Uma captura pode continuar igual e ainda assim ser diferente do Figma, então as duas verificações podem se complementar. Iguale o estado do navegador e o viewport antes de fazer o QA de design manual.
Dá para usar o Pixelay e o Percy juntos?
Sim. Use o Pixelay para revisar a implementação em relação ao design e o Percy para monitorar as mudanças visuais com um fluxo de desenvolvimento automatizado. Eles respondem a perguntas diferentes e podem fazer parte do mesmo processo de lançamento.
Posso testar o Pixelay antes de fazer upgrade?
Sim. Instale o Pixelay pela Figma Community para usar 10 testes Pro grátis. Sem cartão de crédito.
Orçamento em PDF ↗ 
