Deutsch 
Français 
日本語 
한국어 
Polski 
Português 
Pixelay vs Percy
Alternativa a Percy. Compara con el diseño, no solo con la captura anterior.
Compara Percy con Pixelay para distinguir las pruebas de regresión visual del QA de diseño. Pixelay compara una página web con el diseño aprobado en Figma; Percy prueba los cambios frente a capturas de referencia en un flujo automatizado.
Instalación gratuita. Incluye 10 pruebas Pro, sin tarjeta de crédito.
Thank you so much Adam, this helped me a lot on deadline!
¿Percy o Pixelay?
Compara el flujo de trabajo y elige la herramienta que encaja con tu próximo proyecto.
| Percy |  Con Pixelay |
|---|---|
| Capturas de referencia Percy ofrece pruebas de regresión visual frente a capturas de referencia. | Modos de comparación visual de sitios web Alterna entre superposición, pantalla dividida, detección de diferencias y otras cuatro vistas mientras comparas un sitio web con su diseño de Figma. Lee la guía de Pixelay |
| Comprobaciones automatizadas Percy integra las pruebas visuales en los flujos de desarrollo. | QA de sitios de staging y privados Compara un diseño de Figma con un sitio web en producción, de staging, local o privado. No hace falta que el sitio sea público para hacer el QA visual. Lee la guía de Pixelay |
| Revisión de cambios Su proceso de revisión se centra en las diferencias visuales entre versiones. | Compara diseños de Figma con un sitio web Superpón un diseño de Figma sobre el sitio web correspondiente para detectar diferencias de espaciado, alineación, tipografía, tamaño e implementación antes del lanzamiento. Lee la guía de Pixelay |
10 pruebas Pro gratis incluidas. Sin tarjeta de crédito.
Prueba Pixelay en tu propio archivoElige tu flujo de trabajo
Elige la herramienta adecuada para cada trabajo.
Míralo en acción
Lo que puedes hacer con Pixelay.
Descubre las funciones que hay detrás del flujo de trabajo, con demostraciones y guías de configuración.
Mira todas las diferencias visuales en una sola vista de control de calidad web.
Alterna entre superposición, pantalla dividida, detección de diferencias y otras cuatro vistas mientras comparas un sitio web con su diseño de Figma.
- Siete modos de comparación
- Revisión de páginas web completas
- Resaltado de diferencias
Compara sitios web publicados, de staging, locales y privados con Figma.
Compara un diseño de Figma con un sitio web publicado, de staging, local o privado. El sitio no tiene que ser público para hacer el control de calidad visual.
- URL publicadas y de staging
- Compatibilidad con entornos privados
- Control de calidad visual antes del lanzamiento
Compara el sitio web publicado directamente con su diseño de Figma.
Superpón un diseño de Figma sobre el sitio web correspondiente para detectar diferencias de espaciado, alineación, tipografía, tamaño e implementación antes del lanzamiento.
- Superposición del diseño sobre el sitio web
- Control de calidad visual al píxel
- Revisión rápida de la implementación
Prueba con un proyecto real
Lleva el flujo de trabajo a Pixelay.
Empieza con un archivo representativo antes de cambiar el proceso del equipo.
Pixelay ProQué comprobar antes de cambiar.
Pixelay no sustituye el pipeline automatizado de Percy. Una captura puede no cambiar y aun así diferir de Figma, así que ambas comprobaciones pueden complementarse. Iguala el estado del navegador y el viewport antes de hacer el QA de diseño manual.
Lee la guía del flujo de trabajo- Empieza con una página que supera su captura de referencia pero difiere de la maquetación aprobada en Figma. Carga el diseño y el sitio web a la vez.
- Alterna entre los modos de comparación.
- Revisa cada página y cada breakpoint. Pixelay no sustituye el pipeline automatizado de Percy.
Preguntas frecuentes
Lo que debes saber antes de empezar.
¿Cuándo debería elegir Pixelay en lugar de Percy?
Diseñadores que comprueban si una implementación coincide con el diseño previsto, y no solo si ha cambiado respecto a una captura anterior.
¿Cuándo encaja mejor Percy?
Equipos de ingeniería que necesitan pruebas automatizadas de regresión visual como parte de un pipeline de pruebas o de publicación.
¿Qué debo comprobar antes de cambiar?
Pixelay no sustituye el pipeline automatizado de Percy. Una captura puede no cambiar y aun así diferir de Figma, así que ambas comprobaciones pueden complementarse. Iguala el estado del navegador y el viewport antes de hacer el QA de diseño manual.
¿Se pueden usar Pixelay y Percy a la vez?
Sí. Usa Pixelay para revisar la implementación frente al diseño y Percy para vigilar los cambios visuales con un flujo de desarrollo automatizado. Responden a preguntas distintas y pueden formar parte del mismo proceso de publicación.
¿Puedo probar Pixelay antes de pasarme a Pro?
Sí. Instala Pixelay desde Figma Community para usar 10 pruebas Pro gratis. Sin tarjeta de crédito.
Presupuesto en PDF ↗ 
