---
url: "/pt/pixelay/faq/troubleshooting.md"
description: "Guia de solução de problemas do Pixelay sobre a configuração da extensão, problemas com URLs, peculiaridades da exportação e limitações de rede."
---

# Solução de problemas do Pixelay

> Guia de solução de problemas do Pixelay sobre a configuração da extensão, problemas com URLs, peculiaridades da exportação e limitações de rede.

## O Pixelay não carrega nas URLs (a extensão do Chrome é necessária)

Para poder comparar seus designs com URLs pelo Pixelay, instale a [extensão do Pixelay para Chrome](https://chrome.google.com/webstore/detail/pixelay-for-figma/gnbafbeabkbkecmbedfgebgboicpnkpp), que roda em segundo plano e carrega o Pixelay quando detecta no navegador uma URL vinda do plugin.

## App Next.js (Vercel) não carrega

Se você estiver tentando comparar um app Next.js pelo Pixelay, às vezes aparece a mensagem “Application error: a client-side exception has occurred” e a página não carrega. Se isso acontecer, você pode tentar usar o link abaixo, que não depende da extensão do Chrome, e inserir o seu ID do Pixelay: https://pixelay.hypermatic.com/YOUR_PIXELAY_PROJECT_ID_HERE (por exemplo, https://pixelay.hypermatic.com/n4ok457201973)

## Expiração das URLs

Seus links seguros e suas imagens são removidos automaticamente após um período de 180 dias de inatividade (180 dias depois que o link foi acessado e visualizado pela última vez), para que não fiquem esquecidos por aí depois de cumprir o seu papel.

## Linha branca fina ao redor das imagens exportadas

De vez em quando, algumas imagens podem ter uma linha branca fina e discreta nas bordas. O Figma [faz isso](https://twitter.com/Skcrub/status/1255544876701270017) quando uma camada não está posicionada em um valor de pixel arredondado (por exemplo, Y: 156.76 ou X: 56.3), o que faz automaticamente com que essa linha de subpixel seja incluída na exportação. Para resolver o problema, confira se todas as posições das suas camadas estão em valores de pixel arredondados.

## Sites que usam unidades CSS 'vh'

Se o CSS do seu site usa unidades “vh” em algum elemento, saiba que eles podem parecer bem mais altos do que seriam em uma altura de navegador normal, porque o Pixelay define a altura do viewport como a altura total do seu mockup do Figma.

## Criar uma URL totalmente nova para o seu arquivo do Figma

Como é um recurso bastante sensível, em vez de adicionar um botão ou ícone para clicar, fizemos com que ele só seja ativado digitando o “Konami Code” no teclado enquanto o plugin está em execução:

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

Digitar essa sequência de teclas faz o plugin Pixelay criar uma URL totalmente nova para o seu arquivo do Figma. Assim, você pode digitar a sequência em um arquivo do Figma duplicado para dar a ele uma URL nova, diferente da original.

## Imagens exportadas pixeladas

Se você fizer o upload dos seus designs enquanto as imagens no Figma ainda estão carregando progressivamente, elas podem sair pixeladas, porque a imagem não tinha carregado totalmente no arquivo do Figma antes da exportação. Para resolver isso, confira se todas as imagens carregaram 100% e estão nítidas dentro do arquivo do Figma antes de fazer o upload das imagens com o plugin Pixelay.

Para ajudar ainda mais a resolver esse problema, você pode usar o [recurso “Downsizer”](/pt/tinyimage/downsize) para reduzir os preenchimentos de imagem ao tamanho das camadas, o que diminui o tamanho dos arquivos e faz com que carreguem muito mais rápido no seu arquivo do Figma.

## Designs não são enviados pelo plugin ou imagens não carregam no web app

Um dos motivos pode ser o seu provedor de internet estar bloqueando o protocolo QUIC. Você pode confirmar isso abrindo o console de desenvolvedor no navegador ou no Figma e procurando a mensagem de erro `ERR_QUIC_PROTOCOL_ERROR`.

Há algumas formas de contornar esse problema:

1. Rotear a internet do celular para o computador (ponto de acesso Wi-Fi)
2. [Desativar o QUIC](https://kinsta.com/knowledgebase/err_quic_protocol_error/) no seu navegador

## Netskope bloqueando o carregamento dos frames do Pixelay

Existe um problema conhecido com o [Netskope](https://www.netskope.com/) bloqueando o acesso aos bancos de dados do Firebase. Para resolver isso, libere `firestore.googleapis.com:443` (conforme [esta discussão](https://stackoverflow.com/questions/52441316/firestore-grpc-behind-a-corporate-firewall-proxy)).

## Pode ser necessário usar uma VPN na China

Atenção: se você estiver na China, o servidor de contas _pode_ estar bloqueado pelo “Grande Firewall da China”. Se aparecer um erro de ativação mesmo com uma chave válida, provavelmente você vai precisar usar uma [VPN](https://protonvpn.com/free-vpn/) para resolver o problema.

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

Isso pode acontecer no app para desktop do Figma se a configuração de depuração [Use Developer VM](https://www.figma.com/plugin-docs/debugging/#developer-vm) do Figma tiver sido ativada por engano. Para garantir que ela está desativada, clique com o **botão direito** em qualquer lugar do canvas do Figma, passe o mouse sobre **Plugins**, depois sobre **Development**, e confira se a opção **Use Developer VM** está _desmarcada_. Depois de desmarcá-la (e ela _não_ ter mais um ícone de visto ao lado), executar o plugin para Figma de novo deve funcionar normalmente.
