---
url: "/pt/favvy/design.md"
description: "O plugin Favvy para Figma permite selecionar uma única camada quadrada do Figma e convertê-la automaticamente em um pacote de favicons para o seu site."
---

# Criar o frame do seu favicon no Figma

> O plugin Favvy para Figma permite selecionar uma única camada quadrada do Figma e convertê-la automaticamente em um pacote de favicons para o seu site.

[Video](/assets/videos/favvy/create/design-favicon.mp4)

Para preparar seu frame do Figma para a exportação como pacote de favicons com o Favvy, a camada do Figma _precisa ter proporção quadrada_, com largura e altura idênticas (por exemplo, **512x512** pixels).

O jeito mais rápido de fazer isso é criar um novo frame em branco na sua página do Figma, definir a largura e a altura desse novo frame de favicon como `512` pixels e depois arrastar e soltar o ícone que você quer usar como favicon dentro do frame que acabou de criar, redimensionando-o conforme necessário para caber no frame de 512x512.

Para obter os melhores resultados, use camadas vetoriais SVG dentro do frame do Figma, para que os favicons exportados fiquem o mais nítidos possível.

> **Tip:** **Se você quiser que seus favicons tenham fundo transparente**, remova o _preenchimento_ do novo frame do Figma que você criou acima. Caso contrário, você pode usar o preenchimento que quiser.