Como dividir a imagem em camadas para Figma

Figma pode colocar um pôster, uma foto de produto ou uma captura de tela como uma imagem bloqueada. Ele não pode acessar esse arquivo e mover o título, o produto e o plano de fundo separadamente. Uma divisão de camada faz esse trabalho: vários PNGs transparentes, empilhados na mesma ordem do original, para que você possa deslocar o texto, recolorir uma forma ou ocultar um fundo no Figma.

Abra Dividir imagem em camadas quando desejar esses PNGs. Esta é uma ferramenta de IA. Ele carrega a imagem e gasta créditos. Não é um dos utilitários do navegador local e não é coberto apenas pela cota diária de geração de imagens. Leia a seção de créditos abaixo antes de executá-lo.

Se você só precisa de blocos iguais - uma grade nove para Instagram, um storyboard de fatias - use Divisor de imagens online. Um corte de grade não é uma pilha de camadas.

O que significa “camadas para Figma”

Uma importação útil é um conjunto de arquivos PNG que:

• Compartilhe o mesmo tamanho de tela da fonte, incluindo pixels transparentes.
• Separe as peças de primeiro plano (produto, título, crachá, pessoa) do fundo.
• Coloque em uma moldura Figma, empilhe e alinhe sem reposicionamento manual.

Você então edita no Figma: altera a cópia, troca uma cor, exporta uma única camada ou reconstrói o layout. A divisão é uma pilha inicial, não uma biblioteca de componentes concluída. Espere nomear camadas, cortar extras e, às vezes, redesenhar uma peça que o modelo mesclou.

Isso é diferente de “remover o fundo e manter um assunto”. Um recorte é um único PNG. Uma divisão de camada visa vários PNGs. Quando você precisa apenas do assunto na transparência, Remover fundo é o caminho mais curto.

Divisão da camada AI versus um divisor de grade

Use a grade quando a posição na página for o ponto e cada bloco deve permanecer uma imagem normal. Use camadas de IA quando precisar mover ou recolorir objetos sobrepostos.

Não passe um pôster pela ferramenta de grade e espere camadas Figma. Você obterá fatias da mesma imagem plana. Não execute um resumo de nove grades através da divisão da camada AI e espere quadrados perfeitos.

Imagens de origem que se dividem de forma limpa

O modelo separa o que pode ver. Dê um original claro:

• Um pôster ou anúncio com um assunto distinto, um plano de fundo e alguns grupos de texto ou emblemas.
• Uma foto do produto em um cenário simples, onde o produto deve sair de cena.
• Resolução suficiente para ler bordas. Uma pequena captura de tela fundirá o tipo no fundo.
• Desordem limitada. Dez adesivos sobrepostos tornam-se camadas lamacentas. Dois a cinco grupos visuais é um resumo mais gentil.

Casos difíceis: cabelo contra fundo detalhado, tipo branco em céu claro, compactação pesada e capturas de tela do próprio Figma (pixels de pixels). Você ainda pode dividi-los. Planeje a limpeza.

JPG e PNG achatados funcionam como entrada. A saída que você deseja para o Figma é PNG para que a transparência sobreviva. Um JPG não pode conter uma camada transparente.

Etapas: escolha de 2 a 8 camadas

1. Abra Dividir imagem em camadas.
2. Faça login. A ferramenta verifica os créditos antes de ser executada.
3. Faça upload do pôster ou foto do produto. Esta etapa envia o arquivo para processamento de IA. Ele não fica apenas no seu dispositivo.
4. Defina a contagem de camadas de 2 a 8. Comece com 4 para um pôster típico (fundo, assunto, título, extras). Mais camadas significam uma divisão mais precisa e um custo de crédito mais alto, porque cada camada faz parte da execução.
5. Inicie a divisão e aguarde a pilha PNG.
6. Baixe as camadas. Mantenha o original próximo a eles para poder comparar o alinhamento.

Se a pilha fundiu o título no produto, execute novamente com uma contagem maior ou divida uma vez e finalize o título manualmente no Figma. Se ele quebrou um objeto em pedaços, diminua a contagem.

Créditos, honestamente

A divisão de camadas não é uma ferramenta apenas de cota diária e não é um conversor local.

• A imagem é carregada para a divisão.
• Você deve fazer login.
• Cada corrida gasta créditos pagos ou créditos de presente de inscrição. O saldo que paga por essa ferramenta é o pool de pagamentos e presentes.
• A cota diária no FreeMake.cc é para geração comum de imagens de IA após o login. Não presuma que uma divisão de camada está incluída nessa diária só porque a página inicial diz geração permanente de imagens gratuitas.
• O custo é escalonado com a contagem de camadas que você escolher (2–8). Verifique a linha de crédito no ambiente de trabalho antes de confirmar.

Ferramentas locais no site – conversores de GIF e Live Photo, grade divisor de imagem – não usam esse conjunto de crédito. Não misture essas promessas com divisão de camadas.

A própria página da ferramenta permanece pública. Qualquer um pode ler. Apenas a etapa de geração solicita que você faça login e gaste créditos.

Limpe no Figma

1. Crie um quadro no tamanho original.
2. Coloque cada PNG nesse quadro. Se os arquivos compartilharem a tela de origem, eles deverão ser empilhados no lugar. Não dimensione uma camada sem as outras.
3. Nomeie as camadas do verso: fundo, foto, produto, título, crachá.
4. Oculte a camada de fundo para confirmar se os PNGs do primeiro plano são realmente transparentes.
5. Arrume as sobras de costume: uma auréola no cabelo, tipo aquele assado na sombra, um pedaço de fundo preso em uma manga. Redesenhe ou mascare-os. Uma segunda passagem com Remover fundo ajuda quando um assunto está quase certo e o resto da pilha não.
6. Substitua o texto incorporado por texto Figma real quando as palavras precisarem ser editáveis. O tipo de imagem ainda é pixels.
7. Exporte o quadro ou as camadas únicas que você alterou.

O alinhamento muda se você cortar um PNG. Mantenha a tela inteira até que a pilha fique correta e, em seguida, corte a moldura.

Fluxos de trabalho relacionados

• Blocos de grade, não camadas: Divisor de imagem online.
• Um assunto, sem pilha: Remover fundo.
• Novos pixels de pôster antes de dividir: gere no FreeMake.cc com a cota diária, baixe e gaste créditos pagos ou de presente na divisão se precisar de camadas.
• Listagem de cortes e tamanho de arquivo após exportação: as ferramentas de compactação e redimensionamento na lista de ferramentas do navegador. Esses permanecem locais.