Como Tornar um Fundo Transparente no Figma (Guia 2026)

O Figma foi criado para design de interfaces, não para edição de fotos, então "remover o fundo" significa algo diferente ali do que em uma ferramenta de fotos. Se você só precisa que o fundo do seu frame ou área de trabalho desapareça na exportação, o Figma faz isso nativamente. Mas se você tem uma foto com um fundo carregado - uma foto de produto, um retrato, uma imagem inserida - o Figma não tem uma forma nativa de detectar o assunto e recortá-lo; você precisa de um plugin, muita paciência com a ferramenta Pena, ou um removedor de fundo dedicado antes mesmo de a imagem chegar ao seu arquivo.

Por que fundos transparentes importam em projetos no Figma

PNGs transparentes permitem sobrepor um logo, foto de produto ou ícone sobre qualquer cor, mockup de captura de tela ou gradiente sem uma caixa visível ao redor. Isso importa para kits de UI, apresentações de marketing, capturas de tela para lojas de apps, e qualquer sistema de design onde o mesmo recurso precise aparecer em múltiplos fundos.

Método 1: Exportar um frame com fundo transparente

Passo 1: Selecione seu frame, grupo ou componente no Figma.

Passo 2: No painel à direita, remova ou oculte o preenchimento de fundo do frame (clique na amostra de cor e exclua, ou desative sua visibilidade).

Passo 3: Abra a seção Export na parte inferior do painel direito, escolha PNG e exporte. O PNG suporta transparência alfa, então onde o preenchimento de fundo foi removido será exportado como transparente em vez de branco.

Isso funciona bem para logos, ícones e mockups de UI onde o "fundo" é apenas uma cor de preenchimento adicionada no Figma, não uma cena fotografada.

Método 2: Remover o fundo de uma foto inserida

Se a necessidade de transparência é sobre uma foto - uma foto de produto, um retrato, a captura de um objeto físico - as configurações de exportação do Figma não ajudam, porque o fundo não é um preenchimento do Figma, é parte dos pixels da própria imagem. Dentro do Figma, suas opções reais são um plugin da comunidade que chama uma API externa, ou mascarar manualmente o assunto com a ferramenta Pena, o que é lento e raramente produz bordas limpas ao redor de cabelo, pelos ou detalhes finos.

O caminho mais rápido: remova antes de importar

O fluxo de trabalho mais simples para a maioria dos designers é remover o fundo da foto primeiro e depois arrastar o PNG transparente resultante direto para o Figma. Envie a imagem para o nobackground, deixe a IA no dispositivo recortar o assunto em segundos, baixe o PNG e posicione-o na sua tela - sem permissões de plugin, sem conta, e sem que nenhuma imagem saia do seu navegador no processo.

Dicas para exportações transparentes limpas

Exporte em escala 2x ou 3x para qualquer coisa usada em uma tela de alta densidade, reduzindo a escala depois se necessário - isso evita bordas suaves e borradas ao redor do recorte.
Visualize PNGs transparentes sobre um padrão quadriculado ou fundo escuro antes de entregá-los, já que um halo cinza claro na borda é fácil de não notar sobre uma tela branca lisa.
Se for colocar o mesmo recorte em vários mockups, mantenha o PNG transparente original como um recurso compartilhado na sua biblioteca do Figma em vez de exportá-lo novamente de cada frame.

Perguntas sobre transparência no Figma

O Figma tem um removedor de fundo integrado? Não. O Figma pode exportar frames ou formas com preenchimento transparente, mas não consegue detectar e recortar automaticamente um assunto de uma foto sem um plugin ou ferramenta externa.

Um PNG transparente do nobackground funciona direto no Figma? Sim. Basta arrastar e soltar o PNG baixado na sua tela como qualquer outro recurso de imagem; a transparência é preservada.