---
url: "/de/favvy/design.md"
description: "Mit dem Favvy-Plugin für Figma wählst du eine einzelne quadratische Figma-Ebene aus und wandelst sie automatisch in ein Favicon-Paket für deine Website um."
---

# Deinen Favicon-Frame in Figma gestalten

> Mit dem Favvy-Plugin für Figma wählst du eine einzelne quadratische Figma-Ebene aus und wandelst sie automatisch in ein Favicon-Paket für deine Website um.

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

Damit du deinen Figma-Frame mit Favvy als Favicon-Paket exportieren kannst, _muss deine Figma-Ebene quadratisch sein_, Breite und Höhe also identisch (zum Beispiel **512x512** Pixel).

Am schnellsten geht das so: Erstell einen neuen leeren Figma-Frame auf deiner Seite, setz Breite und Höhe deines neuen Favicon-Frames auf `512` Pixel, zieh dann das Icon, das du als Favicon nutzen willst, in den neu erstellten Figma-Frame und pass seine Größe bei Bedarf an den 512x512-Frame an.

Die besten Ergebnisse erzielst du mit SVG-Vektorebenen in deinem Figma-Frame. So werden die exportierten Favicons so scharf wie möglich.

> **Tip:** **Wenn deine Favicons einen transparenten Hintergrund haben sollen**, entferne die _Füllung_ des neuen Figma-Frames, den du oben erstellt hast. Andernfalls kannst du ihm jede beliebige Füllung geben.