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, 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 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” 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:
- Rotear a internet do celular para o computador (ponto de acesso Wi-Fi)
- Desativar o QUIC no seu navegador
Netskope bloqueando o carregamento dos frames do Pixelay
Existe um problema conhecido com o Netskope bloqueando o acesso aos bancos de dados do Firebase. Para resolver isso, libere firestore.googleapis.com:443 (conforme esta discussão).
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 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 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.