---
url: "/es/pixelay/faq/troubleshooting.md"
description: "Guía de solución de problemas de Pixelay: configuración de la extensión, problemas con URL, rarezas de exportación y limitaciones de red."
---

# Solución de problemas de Pixelay

> Guía de solución de problemas de Pixelay: configuración de la extensión, problemas con URL, rarezas de exportación y limitaciones de red.

## Pixelay no carga en las URL (se necesita la extensión de Chrome)

Para comparar tus diseños con URL mediante Pixelay, instala la [extensión de Chrome de Pixelay](https://chrome.google.com/webstore/detail/pixelay-for-figma/gnbafbeabkbkecmbedfgebgboicpnkpp), que se ejecutará en segundo plano y cargará Pixelay cuando detecte en el navegador una URL del plugin.

## Una app de Next.js (Vercel) no carga

Si intentas comparar una app de Next.js con Pixelay, a veces puede aparecer el mensaje "Application error: a client-side exception has occurred" y la página no carga. Si ocurre, puedes probar a usar el siguiente enlace, que no depende de la extensión de Chrome, e insertar tu ID de Pixelay: https://pixelay.hypermatic.com/YOUR_PIXELAY_PROJECT_ID_HERE (por ejemplo, https://pixelay.hypermatic.com/n4ok457201973)

## Caducidad de las URL

Tus enlaces seguros y tus imágenes se eliminan automáticamente tras un periodo de inactividad de 180 días (180 días después de la última vez que se accedió al enlace y se vio) para que no se queden olvidados por ahí una vez cumplido su propósito.

## Línea blanca fina alrededor de las imágenes exportadas

A veces, algunas imágenes tienen una línea blanca fina y tenue alrededor de los bordes. Figma [hace esto](https://twitter.com/Skcrub/status/1255544876701270017) si una capa no está colocada en un valor de píxel redondeado (por ejemplo, Y: 156.76 o X: 56.3), lo que hace que esta línea de subpíxel se incluya automáticamente en la exportación. Para solucionarlo, asegúrate de que todas las posiciones de tus capas sean valores de píxel redondeados.

## Sitios web que usan unidades CSS 'vh'

Si el CSS de tu sitio web usa unidades "vh" en algún elemento, ten en cuenta que pueden verse mucho más altos de lo normal con una altura de navegador razonable, porque Pixelay establece la altura del viewport igual a la de tu maqueta completa de Figma.

## Crear una URL totalmente nueva para tu archivo de Figma

Como es una función bastante delicada, en lugar de añadir un botón o un icono para hacer clic, hemos hecho que solo se active introduciendo el "código Konami" en tu teclado mientras el plugin se está ejecutando:

`Up, Up, Down, Down, Left, Right, Left, Right, B, A`

Al escribir esa secuencia de teclas, el plugin Pixelay creará una URL totalmente nueva para tu archivo de Figma, de modo que puedes introducirla en un archivo de Figma duplicado para darle una URL nueva distinta de la del original.

## Imágenes exportadas pixeladas

Si subes tus diseños mientras los recursos de imagen de Figma todavía se están cargando progresivamente, puede que se exporten pixelados, porque la imagen no se había cargado del todo en el archivo de Figma antes de exportarse. Para solucionarlo, asegúrate de que todas las imágenes se hayan cargado al 100 % y se vean nítidas en el archivo de Figma antes de subir tus imágenes con el plugin Pixelay.

Para ayudar aún más a solucionar este problema, puedes usar la [función "Downsizer"](/es/tinyimage/downsize) para reducir los rellenos de imagen al tamaño de su capa, lo que reduce el tamaño de sus archivos y hace que carguen mucho más rápido en tu archivo de Figma.

## Los diseños no se suben desde el plugin o las imágenes no cargan en la app web

Una posible causa es que tu proveedor de internet esté bloqueando el protocolo QUIC. Puedes confirmarlo abriendo la consola de desarrollador en el navegador o en Figma y buscando el mensaje de error `ERR_QUIC_PROTOCOL_ERROR`.

Hay un par de soluciones alternativas para este problema:

1. Conectar tu ordenador a internet mediante el punto de acceso wifi o el anclaje de red de tu móvil
2. [Desactivar QUIC](https://kinsta.com/knowledgebase/err_quic_protocol_error/) en tu navegador

## Netskope impide que se carguen los frames de Pixelay

Hay un problema conocido por el que [Netskope](https://www.netskope.com/) bloquea el acceso a las bases de datos de Firebase; para solucionarlo, asegúrate de permitir `firestore.googleapis.com:443` (según [este hilo](https://stackoverflow.com/questions/52441316/firestore-grpc-behind-a-corporate-firewall-proxy)).

## Puede que necesites una VPN en China

Ten en cuenta que, si estás en China, es _posible_ que "el Gran Cortafuegos de China" bloquee el servidor de cuentas. Si ves un error de activación aunque uses una clave válida, seguramente tendrás que usar una [VPN](https://protonvpn.com/free-vpn/) para solucionarlo.

## 'An error occurred while loading the plugin environment'

Esto puede ocurrir en la app de escritorio de Figma si el ajuste de depuración [Use Developer VM](https://www.figma.com/plugin-docs/debugging/#developer-vm) de Figma se ha activado por error. Para comprobar que está desactivado, haz **clic derecho** en cualquier parte del lienzo de Figma, pasa el ratón por encima de **Plugins** y luego de **Development**, y asegúrate de que **Use Developer VM** esté _desmarcado_. Cuando esté desmarcado (y _no_ tenga una marca de verificación al lado), el plugin de Figma debería funcionar con normalidad al volver a ejecutarlo.
