---
url: "/es/favvy/design.md"
description: "El plugin Favvy de Figma te permite seleccionar una sola capa cuadrada de Figma y convertirla automáticamente en un paquete de favicons para tu web."
---

# Diseñar el frame de tu favicon en Figma

> El plugin Favvy de Figma te permite seleccionar una sola capa cuadrada de Figma y convertirla automáticamente en un paquete de favicons para tu web.

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

Para preparar tu frame de Figma y exportarlo como paquete de favicons con Favvy, tu capa de Figma _tiene que ser cuadrada_, es decir, con el mismo ancho y alto (por ejemplo, **512x512** píxeles).

La forma más rápida de hacerlo es crear un frame de Figma nuevo y vacío en tu página, darle `512` píxeles de ancho y de alto al nuevo frame del favicon y, después, arrastrar y soltar dentro de ese frame el icono que quieras usar como favicon, redimensionándolo según sea necesario para que encaje en el frame de 512x512.

Para obtener los mejores resultados, usa capas vectoriales SVG dentro de tu frame de Figma, así los favicons exportados quedarán lo más nítidos posible.

> **Tip:** **Si quieres que tus favicons tengan un fondo transparente**, asegúrate de quitar el _relleno_ del nuevo frame de Figma que has creado. Si no, puedes ponerle el relleno que quieras.