Deutsch 
Français 
日本語 
한국어 
Polski 
Português 
Pixelay vs Chromatic
Alternativa a Chromatic. Añade la revisión de diseño frente a implementación al proceso de pruebas de UI.
Pixelay es una alternativa a Chromatic para comparar manualmente Figma con un sitio web. Revisa la página implementada frente al diseño aprobado con vistas de superposición, pantalla dividida y diferencias, y mantén las pruebas de UI automatizadas donde las necesites.
Instalación gratuita. Incluye 10 pruebas Pro, sin tarjeta de crédito.
Thank you so much Adam, this helped me a lot on deadline!
¿Chromatic o Pixelay?
Compara el flujo de trabajo y elige la herramienta que encaja con tu próximo proyecto.
| Chromatic |  Con Pixelay |
|---|---|
| Plataforma de pruebas de UI Chromatic ofrece pruebas de UI automatizadas y herramientas de revisión. | 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 |
| Flujos de componentes Chromatic conecta las pruebas con los flujos de desarrollo de componentes. | 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 |
| Comparación de versiones Las comprobaciones visuales revisan los cambios de la UI renderizada 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.
Es una comparación para una tarea concreta. Pixelay no sustituye las pruebas de componentes ni el pipeline de revisión automatizado de Chromatic; usa la comparación con Figma cuando la pregunta es la fidelidad a la maquetación prevista.
Lee la guía del flujo de trabajo- Empieza con una página de componente cuya maquetación aprobada en Figma difiere de su referencia de pruebas actual. 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. Es una comparación para una tarea concreta.
Preguntas frecuentes
Lo que debes saber antes de empezar.
¿Cuándo debería elegir Pixelay en lugar de Chromatic?
Diseñadores que revisan una página renderizada frente al diseño original y documentan las discrepancias de implementación.
¿Cuándo encaja mejor Chromatic?
Equipos que usan Chromatic para pruebas de UI automatizadas, revisión de componentes y un pipeline de desarrollo.
¿Qué debo comprobar antes de cambiar?
Es una comparación para una tarea concreta. Pixelay no sustituye las pruebas de componentes ni el pipeline de revisión automatizado de Chromatic; usa la comparación con Figma cuando la pregunta es la fidelidad a la maquetación prevista.
¿Pixelay ejecuta mis pruebas de Chromatic?
No. La tarea de Pixelay es la comparación visual con Figma. Mantén Chromatic para las pruebas y la revisión automatizadas de componentes, y usa Pixelay para el paso de aceptación del diseño.
¿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 ↗ 
