Ainda tenho usos Pro grátis, mas não consigo começar a comprimir
A mensagem free TinyImage Pro uses left mostra o acesso de teste que ainda resta; você não precisa de uma chave paga enquanto ainda tiver esses usos. Para comprimir e baixar imagens de um arquivo do Figma Design, abra a aba Compress do TinyImage e use o botão Export dela.
- Selecione as camadas no Figma e adicione uma configuração de Export no painel de propriedades do Figma, como PNG ou JPG.
- No TinyImage, clique em Refresh Exportable Figma Layers para carregar as configurações de exportação atuais. Aguarde a lista terminar de carregar.
- Marque na lista do TinyImage as imagens que você quer exportar. Só selecionar uma camada no canvas do Figma não basta; pelo menos uma imagem exportável precisa estar marcada no plugin.
- Clique em Export para começar a compressão. Se você mudar a seleção no Figma e o botão de exportação ficar indisponível, atualize a lista e marque suas imagens de novo.
Veja o guia de compressão para conhecer o fluxo de trabalho completo. Se todos os testes já tiverem sido usados, o Compress exige o Pro; o Downsize continua disponível para reduzir os preenchimentos de imagem dentro do Figma. Compare o TinyImage grátis e Pro.
Se o Export continuar indisponível depois dessas verificações, envie um e-mail para [email protected] com uma captura de tela da janela do TinyImage, a mensagem de usos restantes e a informação de que você usa o Figma no navegador ou no app para desktop.
As camadas precisam ter configurações de exportação para serem comprimidas
O TinyImage funciona detectando as configurações e os formatos de exportação que você definiu nas camadas da sua página do Figma e permite exportá-las como imagens comprimidas com o plugin TinyImage. Para saber mais sobre o básico das configurações de exportação do Figma e como elas funcionam, veja o guia oficial de exportações do Figma. Adicione configurações de exportação (clicando em Export + na coluna da direita do Figma) a todas as camadas que você quer comprimir; caso contrário, elas não vão aparecer quando você abrir o TinyImage, assim como acontece nas exportações padrão do Figma.
PNGs e PDFs demoram mais para comprimir
Comprimir exportações PNG e PDF pode demorar um pouco mais do que exportações JPG e SVG, principalmente se forem muito detalhadas ou tiverem dimensões grandes. O TinyImage avisa quando uma imagem é grande demais para ser comprimida.
Cores e gradientes nos GIFs parecem um pouco granulados
Os GIFs são um pouco diferentes das imagens JPG/PNG normais, porque só podem ter no máximo 256 cores. Se você usa imagens muito detalhadas ou gradientes com muita variação de cor, é normal que o resultado não fique tão nítido nem com a mesma fidelidade de cor das imagens originais usadas no GIF, por causa dessa limitação do formato GIF.
Alguns elementos somem e viram retângulos roxos ao exportar PDF do Figma
Este é um bug conhecido do Figma que pode mostrar caixas roxas no lugar das imagens. O TinyImage usa a exportação nativa de PDF do Figma, então o mesmo problema pode aparecer nas exportações do TinyImage.
Uma sugestão que pode ajudar é garantir que a camada problemática esteja realmente aninhada dentro do frame principal do Figma. Às vezes, uma camada do Figma está posicionada “visualmente” sobre o frame no canvas, mas a camada em si continua fora do frame; isso parece estar relacionado ao motivo de o problema acontecer de vez em quando.
A transparência não aparece nos GIFs
O formato GIF aceita apenas 0% ou 100% de opacidade, sem valores intermediários. Isso significa que você pode ter um GIF animado com o fundo totalmente transparente atrás de elementos totalmente opacos e visíveis. Ou seja, as camadas precisam ser totalmente transparentes ou não: camadas com opacidade abaixo de 50% ficarão transparentes, e camadas com opacidade acima de 50% ficarão opacas.
O carregamento inicial (“refreshing/loading exportable layers”) demora para terminar
Infelizmente, este é um problema conhecido causado por uma atualização recente do Figma, que agora exige que todas as imagens da página atual terminem de carregar antes que um plugin possa usar ou exportar qualquer imagem (mesmo que seja só uma). Por causa desse novo comportamento, o problema tende a acontecer mais em arquivos grandes do Figma, quando o plugin é executado logo depois que o arquivo é aberto, antes de todas as imagens terem tempo de carregar. As duas opções são esperar um pouco mais até as imagens terminarem de carregar no arquivo do Figma ou, se você só precisa exportar algumas camadas e a página é enorme, copiar essas camadas para uma nova página do Figma e executar o TinyImage de novo lá, o que será bem mais rápido.
Imagens exportadas 1px maiores ou menores que o tamanho no Figma
Existe um bug estranho no Figma relacionado ao uso de “subpixels” nas propriedades dos frames ou das imagens, que pode fazer as imagens exportadas serem “arredondadas” para cima ou para baixo, ficando com outro tamanho. A solução é garantir que o frame ou o frame pai (prancheta) que você está exportando não tenha valores de subpixel (por exemplo, 1000.08), removendo-os da propriedade (por exemplo, 1000). Assim a imagem deve ser exportada com as dimensões esperadas. Para mais detalhes, há uma discussão nos fóruns do Figma sobre o problema.
Arquivos sem extensão no app para desktop do Figma no Windows
Existe um problema conhecido no app para desktop do Figma (apenas no Windows), que também acontece nas exportações normais do Figma. Ao salvar o arquivo, você pode ver o rótulo “all files”. Se você ignorar isso e continuar clicando em “Save”, o arquivo deve ser salvo com a extensão correta e abrir normalmente depois de baixado no seu computador. Se ainda assim ele for salvo sem extensão, você pode renomear o arquivo e adicionar manualmente a extensão correta ao nome.
Exportações de PDF lentas
Se suas exportações de PDF estão muito lentas, provavelmente o motivo são preenchimentos de imagem grandes ou em alta resolução em parte do conteúdo, que fazem o Figma levar muito mais tempo para gerar PDFs. Para resolver, você pode usar o recurso “Downsizer” do TinyImage para reduzir os preenchimentos de imagem ao tamanho das camadas. Isso diminui o tamanho dos arquivos e faz as imagens carregarem muito mais rápido no seu arquivo do Figma. Depois de reduzir os preenchimentos de imagem na sua página do Figma, executar o TinyImage de novo e exportar o PDF outra vez pelo plugin deve ser muito mais rápido.
O Safari não é compatível
Por problemas de compatibilidade de navegador, o TinyImage não é compatível com o Safari. Execute o plugin em outro navegador (como o Chrome) ou no app para desktop do Figma.
Linha branca fina em volta das imagens exportadas
De vez em quando, algumas imagens ficam com uma linha branca fina e discreta nas bordas. O Figma faz isso quando uma camada não está posicionada em um valor de pixel inteiro (por exemplo, Y: 156.76 ou X: 56.3), o que acaba incluindo essa linha de subpixel na exportação. Para resolver, confira se todas as posições das camadas estão em valores de pixel inteiros.
Imagens exportadas pixeladas
Se você exportar imagens ou um PDF enquanto as imagens no Figma ainda estão carregando progressivamente, elas podem sair pixeladas, porque a imagem não tinha carregado por completo no arquivo do Figma antes da exportação. Para resolver, confira se todas as imagens carregaram 100% e estão nítidas no arquivo do Figma antes de exportar imagens ou PDFs com o plugin TinyImage. Para ajudar ainda mais a resolver o problema, você pode usar o recurso “Downsizer” para reduzir os preenchimentos de imagem ao tamanho das camadas. Isso diminui o tamanho dos arquivos e faz as imagens carregarem muito mais rápido no seu arquivo do Figma.
Linhas pontilhadas ao editar PDFs no Adobe Acrobat
Para resolver, desmarque a opção “Show bounding boxes” na barra lateral do app Acrobat enquanto edita o PDF. Mostrar as linhas pontilhadas das caixas delimitadoras é algo que a Adobe ativa por padrão ao entrar no modo “Edit” com um PDF aberto no app, mas desativar a opção “Show bounding boxes” oculta essas linhas com um clique.
Imagens lado a lado não aparecem nas exportações de PDF
No momento, existe um bug em que alguns preenchimentos de imagem do tipo “Tile” não são incluídos nos PDFs comprimidos; a solução por enquanto é mudar o preenchimento no Figma para “Fit” ou “Fill”.
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.
Erro “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 estiver ativada por engano. Para garantir que ela esteja 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 Use Developer VM está desmarcado. Depois de desmarcar a opção (e ela não mostrar mais o ícone de visto ao lado), executar o plugin do Figma de novo deve funcionar normalmente.