Deutsch 
Français 
日本語 
한국어 
Polski 
Português 
Favvy vs Favic-o-Matic
Alternativa a Favic-o-Matic. Genera el paquete de iconos de la web a partir del logotipo aprobado en Figma.
Favvy es una alternativa a Favic-o-Matic para producir favicons desde Figma. Genera los iconos de la web, los Apple touch icons, los recursos PWA y los archivos de implementación a partir del diseño de icono aprobado.
Instalación gratuita. Incluye 10 pruebas Pro, sin tarjeta de crédito.
You just saved me hours of time! I think I love you!
¿Favic-o-Matic o Favvy?
Compara el flujo de trabajo y elige la herramienta que encaja con tu próximo proyecto.
| Favic-o-Matic |  Con Favvy |
|---|---|
| Generación de favicons independiente Favic-o-Matic genera favicons a partir de una imagen. | Generador de favicons y PWA para Figma Genera un paquete de favicons completo a partir de un solo icono de Figma, con iconos para la web, Apple touch icons, recursos PWA y los archivos necesarios para la implementación. Lee la guía de Favvy |
| Salida ICO y PNG El generador ofrece archivos de favicon ICO y PNG. | Generador de código HTML para favicons Genera el marcado de enlaces del favicon para una web y copia el HTML listo para pegar en el head del documento. Lee la guía de Favvy |
| Salida HTML Favic-o-Matic ofrece HTML para añadir los iconos generados a un sitio. | Vista previa de tamaños de favicon Previsualiza el favicon a 16 px, 32 px y los demás tamaños en los que se usará de verdad. Comprueba que los detalles pequeños se siguen viendo claros en navegadores y accesos directos antes de exportar. Lee la guía de Favvy |
10 pruebas Pro gratis incluidas. Sin tarjeta de crédito.
Prueba Favvy en tu propio archivoElige tu flujo de trabajo
Elige la herramienta adecuada para cada trabajo.
Míralo en acción
Lo que puedes hacer con Favvy.
Descubre las funciones que hay detrás del flujo de trabajo, con demostraciones y guías de configuración.
Convierte un icono de Figma en un paquete de favicons completo.
Genera un paquete de favicons completo a partir de un solo icono de Figma, con iconos para la web, Apple touch icons, recursos PWA y los archivos necesarios para la implementación.
- Archivos de favicon para la web
- Apple touch icons
- Recursos y manifiestos PWA
Copia el HTML exacto del favicon que necesitan tus desarrolladores.
Genera el marcado de enlaces del favicon para una web y copia el HTML listo para pegar en el head del documento.
- HTML listo para pegar
- Referencias correctas a los archivos de favicon
- Entrega a desarrollo
Previsualiza cada tamaño del favicon antes de exportarlo.
Previsualiza el favicon a 16 px, 32 px y los demás tamaños en los que se usará de verdad. Comprueba que los detalles pequeños se siguen viendo claros en navegadores y accesos directos antes de exportar.
- Vistas previas del favicon a tamaño real
- Comprobación de legibilidad a tamaños pequeños
- Edita el icono maestro en Figma
Prueba con un proyecto real
Lleva el flujo de trabajo a Favvy.
Empieza con un archivo representativo antes de cambiar el proceso del equipo.
Favvy ProQué comprobar antes de cambiar.
Compara los requisitos actuales de la web en lugar de copiar una lista antigua de tamaños de icono. Comprueba el favicon pequeño, el Apple touch icon y el comportamiento PWA en el sitio de destino; generar los archivos sigue requiriendo implementarlos y probarlos en el navegador.
Lee la guía del flujo de trabajo- Empieza con un logotipo que tenga que funcionar como favicon pequeño y como icono PWA más grande. Elige el icono terminado en Figma.
- Genera todos los tamaños y formatos necesarios.
- Entrega el paquete completo a desarrollo. Compara los requisitos actuales de la web en lugar de copiar una lista antigua de tamaños de icono.
Preguntas frecuentes
Lo que debes saber antes de empezar.
¿Cuándo debería elegir Favvy en lugar de Favic-o-Matic?
Equipos de diseño que guardan los iconos de marca en Figma y quieren un paquete listo para entregar a desarrollo.
¿Cuándo encaja mejor Favic-o-Matic?
Quienes prefieren un generador independiente de imagen a favicon con salida ICO, PNG y HTML.
¿Qué debo comprobar antes de cambiar?
Compara los requisitos actuales de la web en lugar de copiar una lista antigua de tamaños de icono. Comprueba el favicon pequeño, el Apple touch icon y el comportamiento PWA en el sitio de destino; generar los archivos sigue requiriendo implementarlos y probarlos en el navegador.
¿Generar el paquete actualiza la web automáticamente?
No. Entrega los archivos y el marcado a desarrollo, añádelos al sitio y comprueba las rutas y las referencias del manifest en la implementación publicada.
¿Puedo probar Favvy antes de pasarme a Pro?
Sí. Instala Favvy desde Figma Community para usar 10 pruebas Pro gratis. Sin tarjeta de crédito.
Presupuesto en PDF ↗ 
