---
url: "/fr/favvy/design.md"
description: "Le plugin Figma Favvy convertit automatiquement un calque Figma carré sélectionné en un pack de favicons à utiliser sur votre site web."
---

# Concevoir votre frame de favicon dans Figma

> Le plugin Figma Favvy convertit automatiquement un calque Figma carré sélectionné en un pack de favicons à utiliser sur votre site web.

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

Pour préparer votre frame Figma à l’export en pack de favicons avec Favvy, votre calque Figma _doit être carré_, c’est-à-dire avoir une largeur et une hauteur identiques (par exemple **512x512** pixels).

Le plus rapide est de créer un nouveau frame Figma vierge sur votre page, de régler sa largeur et sa hauteur sur `512` pixels, puis de glisser-déposer dans ce nouveau frame l’icône que vous souhaitez utiliser comme favicon, et de la redimensionner si besoin pour qu’elle tienne dans le frame de 512x512.

Pour un résultat optimal, utilisez des calques vectoriels SVG dans votre frame Figma afin que les favicons exportés soient aussi nets que possible.

> **Tip:** **Si vous voulez que vos favicons aient un fond transparent**, supprimez le _remplissage_ du nouveau frame Figma que vous venez de créer. Sinon, vous pouvez lui donner le remplissage de votre choix.