Como importar uma pasta do Pinterest para o Figma: 3 formas comparadas

Para importar uma pasta do Pinterest para o Figma, você pode combinar a extensão do PinBoardSaver para Chrome com o plugin gratuito para Figma, baixar a pasta como ZIP e posicionar os arquivos você mesmo, ou capturar a página da pasta com o html.to.design. A tabela abaixo compara configuração, layouts e limites de cada método.

As três formas em resumo

Método 1: copiar a pasta para o plugin do PinBoardSaver no Figma

1. Instale o plugin PinBoardSaver pela Figma Community. Se pular esta etapa agora, a tela de resultado da extensão tem o link “Obter o plugin do Figma”, que leva à mesma página.
2. Instale a extensão PinBoardSaver para Chrome.
3. Abra a sua pasta no Pinterest, no Chrome, e clique no ícone da extensão. O painel mostra “Todos os Pins”, já marcada, e as seções da pasta como caixas de seleção.
4. Clique em “Iniciar Download” e espere a tela “ZIP Pronto!”.
5. Nessa tela, clique em “Copiar para o Figma”. O botão responde “Copiado para a área de transferência!”. Não é preciso salvar o ZIP antes.
6. No Figma, execute o plugin PinBoardSaver e pressione Ctrl+V ou Cmd+V. O plugin mostra quantos Pins detectou.
7. Em “Layout Options” (a interface do plugin é em inglês), escolha “Grid”, “Masonry”, “Single Row” ou “Single Column”, defina “Columns” (de 1 a 10), “Image Width” e “Spacing” e clique em “Import to Figma”.

Tudo entra em um único frame com o nome da pasta, por exemplo pinboardsaver_kitchen_ideas, centralizado na sua visualização e já selecionado. Cada imagem é um retângulo com preenchimento de imagem, que leva o título do Pin quando ele tem um, com a proporção lida do próprio arquivo. “Grid” mantém a ordem colada em linhas rígidas; “Masonry” solta cada imagem na coluna mais curta, como o Pinterest faz. Os Pins fora de seções vêm primeiro e depois cada seção, uma após a outra, tudo no mesmo frame. Para ter um frame por seção, desmarque “Todos os Pins”, marque uma única seção e repita os passos 4 a 7.

“Copiar para o Figma” copia os Pins do download que você acabou de fazer, então o limite do plano gratuito vale aqui também: 20 Pins por download. “Selecionar pins manualmente” deixa você escolher quais 20, e o Premium remove o limite.

Alguns detalhes que vale conhecer:

• O plugin pede ao servidor de imagens do Pinterest o arquivo em tamanho original, quando ele existe. O único acesso de rede dele é à CDN de imagens do Pinterest (pinimg.com).
• Um Pin de vídeo entra como a imagem de capa, quando o Pinterest fornece uma, e não como vídeo.
• Uma imagem que falha ao carregar é ignorada, em vez de interromper o processo, e o plugin informa quantos Pins importou. A API de plugins do Figma não aceita imagens com mais de 4096 px de lado, então um original excepcionalmente grande pode estar entre os ignorados.
• Para poucas referências você nem precisa da extensão: clique com o botão direito em um Pin, escolha “Copiar endereço da imagem” e cole os links, um por linha. Um link para a página de um Pin é recusado com uma mensagem.

Método 2: baixar o ZIP e posicionar os arquivos

Use este caminho quando as mesmas imagens também vão para uma pasta do cliente no computador, um layout de impressão ou um acervo, ou quando você quer um rastro de volta a cada Pin. Ele combina com o método 1 em um único download, porque “Copiar para o Figma” e “Baixar para o Dispositivo” ficam na mesma tela.

1. Abra a pasta, clique no ícone da extensão e mantenha “Todos os Pins” marcada, ou desmarque-a e marque só as seções de que precisa.
2. Clique em “Iniciar Download”. Na tela “ZIP Pronto!”, clique em “Baixar para o Dispositivo”.
3. Extraia o ZIP, chamado <pasta>_pinterest_board.zip. A raiz guarda o 0_info.txt (nome da pasta, URL da pasta, dono, data e quantidade de Pins por seção) e os Pins que não estão em uma seção. Cada seção tem a própria subpasta, e a numeração recomeça dentro de cada uma.
4. No Figma, escolha “Imagem/vídeo” no menu das ferramentas de forma (“Place image/video”, se o seu Figma estiver em inglês; o atalho é Shift+Cmd+K no Mac e Shift+Ctrl+K no Windows), selecione os arquivos e clique para posicioná-los um a um ou use “Colocar todos” (“Place all”). Arrastar os arquivos da pasta do computador também funciona.

Os arquivos se chamam {número}_{nome do Pin}_{ID do Pin}, e o ID leva de volta ao Pin em https://www.pinterest.com/pin/<ID do Pin>/. Nenhum dos outros dois métodos oferece isso, então guarde o conteúdo extraído ao lado do arquivo do Figma. “Iniciar Download” coloca no ZIP o arquivo original quando o Pinterest tem um; no plano gratuito, os Pins escolhidos com “Selecionar pins manualmente” são salvos como cópias de tamanho médio. O Figma reduz qualquer imagem com mais de 4096 px de lado até ela caber nesse limite.

Não há etapa de layout: posicione um lote administrável e depois organize à mão. O fluxo completo está em como baixar uma pasta do Pinterest, e os nomes de pastas no computador, em como organizar downloads do Pinterest.

Se a pasta é só contexto de fundo, “Exportar como imagem”, na mesma tela, monta uma única colagem com as colunas, a largura e o formato (PNG, JPG ou WebP) que você escolher; uma imagem achatada pesa menos do que dezenas de camadas. Se o que você precisa é de um documento, veja o guia de Pinterest para PDF.

Método 3: capturar a página da sua pasta com um plugin de captura da web

O html.to.design é uma ferramenta de uso geral: transforma páginas da web em camadas editáveis do Figma, e uma pasta do Pinterest é, para ele, só mais uma página. O próprio guia de Pinterest para Figma da ferramenta (em inglês) descreve o caminho: entre no Pinterest, abra a sua pasta, execute a extensão de navegador do html.to.design e capture a página inteira ou uma seleção. A extensão baixa um arquivo .h2d, que você solta no plugin do html.to.design no Figma. Depois, um botão “Import high-res versions” substitui as imagens de baixa resolução quando há um arquivo melhor disponível.

O que pesar, com base na documentação da ferramenta no momento em que este texto foi escrito:

• O plano gratuito permite até 10 importações a cada 30 dias, e as imagens em alta resolução aparecem entre os recursos PRO. Confira os planos atuais antes de depender de uma coisa ou de outra.
• Você recebe a página, e não uma lista de Pins: a disposição é a que o Pinterest mostrou no seu navegador, sem ajustes de colunas ou de espaçamento para os Pins em si.
• O Pinterest carrega uma pasta longa aos poucos, conforme você rola a página, então verifique se a captura contém os Pins que você esperava.

É uma escolha razoável quando você quer a página em si como referência, ou quando já usa a ferramenta em outros sites e precisa de uma captura rápida e pontual.

Depois da importação

Imagens em tamanho original podem ser muito maiores do que aparentam no canvas, e uma parede com centenas delas pode deixar o arquivo lento para todos os colaboradores. Importe a seleção, não o acervo inteiro de pesquisa, e mantenha os downloads brutos fora do Figma.

Você pode redimensionar as imagens importadas e acrescentar notas explicando o que cada referência mostra, como uma paleta de cores ou um esquema de luz. Para ajustes de exportação e exemplos, veja como criar um moodboard no Pinterest.

Mantenha as fontes e os direitos à vista

Levar uma imagem para o Figma a separa da descrição e da fonte que ela tinha no Pinterest. Para referências importantes, coloque a URL do Pin original ou do criador em uma nota ao lado da imagem; no método 2, o ID do Pin no nome do arquivo leva você até lá.

Trate as imagens do Pinterest como referência, a menos que os direitos de uso estejam claros, e não deixe uma imagem provisória de moodboard escorregar para a arte de produção. Em trabalhos para clientes, confirme que você tem permissão para compartilhar o material. Há mais em como usar com responsabilidade as imagens salvas do Pinterest.

Perguntas frequentes

Existe um plugin do Pinterest para o Figma?

Existe. O PinBoardSaver está publicado na Figma Community. Ele não pesquisa o Pinterest de dentro do Figma: tem um único campo para colar e importa os Pins que você copiou, seja uma pasta vinda da extensão do Chrome, sejam endereços de imagens avulsos.

Posso colar o link de uma pasta do Pinterest direto no Figma?

Não. O plugin aceita os dados que “Copiar para o Figma” coloca na área de transferência, ou endereços diretos de imagens. O link de uma pasta ou da página de um Pin não contém imagem nenhuma, então nada é detectado.

O plugin de Pinterest para Figma é gratuito?

É, e ele não tem um limite próprio de importação. A quantidade de Pins é definida pelo download na extensão do Chrome: 20 por download no plano gratuito, sem limite com o Premium.

Como instalo o plugin no Figma?

Abra a página do PinBoardSaver na Figma Community e execute ou salve o plugin a partir dali. Ele foi feito para arquivos de design do Figma, não para o FigJam.

Pins de vídeo são importados para o Figma?

Só como uma imagem de capa estática. Para ficar com o vídeo em si, baixe o ZIP: os Pins de vídeo são salvos como MP4 quando o Pinterest fornece um arquivo MP4. Veja como baixar vários vídeos do Pinterest.