Deutsch 
Español 
Français 
日本語 
한국어 
Polski 
Pixelay vs Chromatic
Alternativa ao Chromatic. Inclua a revisão de design x implementação nos testes de UI.
O Pixelay é uma alternativa ao Chromatic para comparar manualmente o Figma com um site. Revise a página implementada em relação ao design aprovado com visualizações de sobreposição, tela dividida e diferenças, mantendo os testes de UI automatizados onde forem necessários.
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!
Chromatic ou Pixelay?
Compare o fluxo de trabalho e escolha a ferramenta ideal para o seu próximo projeto.
| Chromatic |  Com o Pixelay |
|---|---|
| Plataforma de testes de UI O Chromatic oferece testes de UI automatizados e ferramentas de revisão. | 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 |
| Fluxos de componentes O Chromatic conecta os testes aos fluxos de desenvolvimento de componentes. | 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 |
| Comparação de versões As verificações visuais revisam as mudanças da UI renderizada 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.
Esta é uma comparação para uma tarefa específica. O Pixelay não substitui os testes de componentes nem o pipeline de revisão automatizado do Chromatic; use a comparação com o Figma quando a questão for a fidelidade ao layout pretendido.
Leia o guia do fluxo de trabalho- Comece com uma página de componente cujo layout aprovado no Figma difere da referência de testes atual. Carregue o design e o site ao mesmo tempo.
- Alterne entre os modos de comparação.
- Inspecione cada página e cada breakpoint. Esta é uma comparação para uma tarefa específica.
Perguntas frequentes
O que saber antes de começar.
Quando devo escolher o Pixelay em vez do Chromatic?
Designers que revisam uma página renderizada em relação ao design original e documentam as divergências de implementação.
Quando o Chromatic é a melhor opção?
Equipes que usam o Chromatic para testes de UI automatizados, revisão de componentes e um pipeline de desenvolvimento.
O que devo verificar antes de trocar?
Esta é uma comparação para uma tarefa específica. O Pixelay não substitui os testes de componentes nem o pipeline de revisão automatizado do Chromatic; use a comparação com o Figma quando a questão for a fidelidade ao layout pretendido.
O Pixelay executa meus testes do Chromatic?
Não. A tarefa do Pixelay é a comparação visual com o Figma. Mantenha o Chromatic para os testes e a revisão automatizados de componentes e use o Pixelay na etapa de aceitação do design.
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 ↗ 
