Como converter PNG para SVG no Figma

Converter uma imagem rasterizada (PNG) em um vetor (SVG) é uma necessidade comum no dia a dia do design. O Figma possui um recurso nativo chamado Vectorize que faz exatamente isso, mas com algumas limitações importantes que vale entender antes de usar.

Por que converter PNG para SVG?

SVGs são escaláveis sem perda de qualidade, têm tamanho de arquivo menor para gráficos simples e podem ser manipulados via CSS e JavaScript. Para ícones, logos e ilustrações simples, sempre prefira SVG.

Passo a passo no Figma

1. Importe o PNG

Arraste o arquivo PNG direto para o canvas do Figma ou use File → Place image.

2. Selecione a imagem

Clique na imagem para selecioná-la. No painel direito você verá as propriedades do elemento.

3. Use o Vectorize

Com a imagem selecionada, vá em:

Object → Vectorize (ou use o atalho ⌥ + ⌘ + X no Mac / Alt + Ctrl + X no Windows)

O Figma irá traçar os contornos da imagem e convertê-la em um vetor editável.

4. Ajuste os pontos

Após a vectorização, entre em modo de edição de vetor (Enter ou clique duas vezes) para ajustar os nós e curvas conforme necessário.

5. Exporte como SVG

Selecione o elemento vetorizado, vá em Export no painel direito, escolha o formato SVG e clique em Export.

Dicas importantes

  • Imagens simples funcionam melhor: o Vectorize do Figma é eficiente para logos, ícones e ilustrações com poucas cores. Para fotos, o resultado não será útil.
  • Contraste alto ajuda: imagens com bom contraste entre o objeto e o fundo geram vetores mais limpos.
  • Fundo transparente: PNGs com fundo transparente (sem fundo branco) produzem vetores mais precisos.
  • Alternativa externa: para imagens complexas, ferramentas como Vectorizer.ai ou o Adobe Illustrator fazem um trabalho mais refinado.

Quando não usar o Vectorize

Se o PNG for uma fotografia ou tiver muitos detalhes e gradientes, o vetor gerado terá centenas de pontos e será praticamente impossível de editar. Nesses casos, o SVG não é a escolha certa — considere manter o PNG ou usar WebP.

Convertendo assets simples direto no Figma você elimina uma etapa do fluxo de trabalho e mantém tudo dentro da mesma ferramenta.