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, 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 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" 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:
- Conectar tu ordenador a internet mediante el punto de acceso wifi o el anclaje de red de tu móvil
- Desactivar QUIC en tu navegador
Netskope impide que se carguen los frames de Pixelay
Hay un problema conocido por el que Netskope bloquea el acceso a las bases de datos de Firebase; para solucionarlo, asegúrate de permitir firestore.googleapis.com:443 (según este hilo).
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 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 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.