---
url: "/es/pixelay/overview/quickstart.md"
description: "Compara tus diseños de Figma con URL de sitios web reales y haz su control de calidad visual con superposiciones inteligentes."
---

# Primeros pasos con Pixelay

> Compara tus diseños de Figma con URL de sitios web reales y haz su control de calidad visual con superposiciones inteligentes.

[![Pixelay Figma Plugin](https://www.hypermatic.com/pixelay.jpg)](https://www.figma.com/community/plugin/816424186244407164/pixelay-compare-design-to-web)

## Instalar y activar Pixelay

- [Instalar y ejecutar el plugin de Figma](/es/pixelay/overview/install.md): Cómo ejecutar Pixelay dentro de Figma
- [Activar Pixelay Pro](/es/pixelay/overview/pro.md): Cómo comprar y usar una clave de licencia Pro

## Usar Pixelay

  - [Documentación de Pixelay](/es/pixelay/upload-designs.md): Documentación detallada con breves capturas de vídeo
  - [Tutoriales en vídeo de Pixelay](/pixelay/tutorials.md): Vídeos completos paso a paso

## Preguntas frecuentes

- [Solución de problemas de Pixelay](/es/pixelay/faq/troubleshooting.md): Problemas habituales con los que te puedes encontrar
- [Seguridad de Pixelay](/es/pixelay/faq/security.md): Detalles sobre cómo funciona Pixelay
- [Recibos](/es/faq/receipts.md): Encuentra los recibos por email y las facturas en PDF
- [Facturación](/es/faq/billing.md): Gestiona tu suscripción Pro
- [Gestión de puestos de la licencia](/es/faq/seats.md): Gestiona los usuarios de Figma de tu clave
- [Pixelay gratis y Pro](/es/pixelay/faq/plans.md): Compara las funciones gratis y Pro

[Video](https://www.hypermatic.com/assets/videos/pixelay/PIXELAY_DEMO.mp4)

## Funciones de Pixelay

- Compara varios diseños de Figma y varias URL a la vez.
- Funciona tanto en el Design Mode como en el Dev Mode de Figma, incluidos los flujos de control de calidad con puestos Dev.
- Requiere una [extensión de Chrome](https://chrome.google.com/webstore/detail/pixelay-for-figma/gnbafbeabkbkecmbedfgebgboicpnkpp) ligera para comparar varias páginas a la vez.
- Compara los diseños de Figma con el sitio web implementado durante el control de calidad visual.
- Prueba tus diseños responsive, con soporte para varios tamaños de pantalla (por ejemplo, escritorio, móvil y tablet).
- Cambia entre varias URL de desarrollo, pruebas y producción.
- Superposiciones de transparencia, pantalla dividida, alternancia, arrastre y diferencias.
- Si quieres, indica una URL de página web distinta para cada frame de Figma.
- Compatible con localhost mediante BrowserSync o recarga en caliente de módulos (hot module reloading).
- Regla de píxeles integrada para medir las diferencias de espaciado en las comparaciones.
- Mide y revisa las diferencias visuales entre Figma y el sitio web.