# Favvy learning resources

> Page 1 of 1. 31 resources, newest updates first. Retrieve the linked Markdown page for the complete guide.

- [The best Figma plugins for high-performing design teams](https://www.hypermatic.com/articles/the-best-figma-plugins-for-high-performing-design-teams.md): Choose the right Figma plugins for production, content, handoff, feedback, QA, presentations, and campaign workflows without adding unnecessary tools.
- [Dark Mode Favicon Workflow for Websites](https://www.hypermatic.com/articles/favvy-dark-mode-favicon-workflow-for-websites.md): Plan dark mode favicons and website icons with enough contrast, fallback thinking, and visual testing across browser themes.
- [Favicon Cache Busting Checklist](https://www.hypermatic.com/articles/favvy-favicon-cache-busting-checklist.md): Fix stale favicons after a website icon update by checking browser cache, filenames, manifests, HTML links, and deployment paths.
- [Maskable Icon Checklist for PWAs](https://www.hypermatic.com/articles/favvy-maskable-icon-checklist-for-pwas.md): Prepare maskable PWA icons with the right safe area, manifest purpose, sizes, backgrounds, and visual testing before launch.
- [Safari Pinned Tab Icon Workflow](https://www.hypermatic.com/articles/favvy-safari-pinned-tab-icon-workflow.md): Prepare Safari pinned tab icons from Figma with the right simplified shape, monochrome treatment, mask behavior, and site metadata.
- [SVG Favicon vs ICO vs PNG](https://www.hypermatic.com/articles/favvy-svg-favicon-vs-ico-vs-png.md): Choose between SVG, ICO, and PNG favicons by understanding browser support, legacy fallbacks, crispness, transparency, and implementation needs.
- [Brand Mark to Favicon Workflow](https://www.hypermatic.com/articles/favvy-brand-mark-to-favicon-workflow.md): Turn a brand mark into a favicon and app icon system that still works at tiny sizes.
- [Website Icon Package Handoff for Developers](https://www.hypermatic.com/articles/favvy-website-icon-package-handoff-for-developers.md): Give developers a complete website icon package instead of a single logo export.
- [PWA Icon Requirements Checklist](https://www.hypermatic.com/articles/favvy-pwa-icon-requirements-checklist.md): Prepare progressive web app icons from a Figma source design without missing required sizes.
- [RealFaviconGenerator Alternative for Figma Users](https://www.hypermatic.com/articles/favvy-realfavicongenerator-alternative-for-figma-users.md): Compare RealFaviconGenerator with creating favicon packages directly from Figma.
- [Favicon Launch Checklist for Websites](https://www.hypermatic.com/articles/favvy-favicon-launch-checklist-for-websites.md): Check every favicon, app icon, manifest, and browser tab asset before a website launch.
- [Favvy vs RealFaviconGenerator](https://www.hypermatic.com/articles/favvy-favvy-vs-realfavicongenerator.md): Comparing Favvy with RealFaviconGenerator for teams creating icons directly in Figma.
- [Favicon Package Download](https://www.hypermatic.com/articles/favvy-favicon-package-download.md): Download complete favicon packages from Figma with Favvy’s one-click exporter.
- [Favicon HTML Code Generator](https://www.hypermatic.com/articles/favvy-favicon-html-code-generator.md): Favvy writes the favicon HTML code for you so implementation is as easy as copy/paste.
- [Favicon Automation Workflow](https://www.hypermatic.com/articles/favvy-favicon-automation-workflow.md): Automate favicon production directly in Figma with Favvy’s preset packages and manifest builder.
- [Favicon for Progressive Web App](https://www.hypermatic.com/articles/favvy-favicon-for-progressive-web-app.md): Generate PWA-ready icons and manifests in Figma using Favvy.
- [Favicon Generator](https://www.hypermatic.com/articles/favvy-favicon-generator.md): Favvy is the favicon generator that lets you stay inside Figma from design to download.
- [Best Figma plugins for image optimization](https://www.hypermatic.com/articles/best-figma-plugins-for-image-optimization.md): The best Figma plugins for image optimization when teams need lighter files, cleaner crops, and launch-ready assets.
- [Figma Favicon Plugin](https://www.hypermatic.com/articles/favvy-figma-favicon-plugin.md): Favvy is the Figma favicon plugin that exports every icon and manifest file your launch needs.
- [Favicon Manifest Tool](https://www.hypermatic.com/articles/favvy-favicon-manifest-tool.md): Build or update your site’s favicon manifest directly from Figma using Favvy.
- [Favicon.io Alternative](https://www.hypermatic.com/articles/favvy-favicon-io-alternative.md): Why Favvy is my Favicon.io alternative when I want favicon production to live inside Figma.
- [Favicon Sizes](https://www.hypermatic.com/articles/favvy-favicon-sizes.md): Cover every favicon size requirement at once by letting Favvy handle the math.
- [Figma Shortcut for Favicons](https://www.hypermatic.com/articles/favvy-figma-shortcut-for-favicons.md): Create favicon packages in seconds by turning Favvy into your Figma shortcut for icon requests.
- [PWA Icon Generator](https://www.hypermatic.com/articles/favvy-pwa-icon-generator.md): Generate Progressive Web App icon sets and manifests from Figma with Favvy.
- [Favicon checklist for website launches](https://www.hypermatic.com/articles/favvy-favicon-checklist-for-website-launches.md): A favicon checklist for launches so icon assets do not become a last-minute production task.
- [How to create a complete favicon set from Figma](https://www.hypermatic.com/articles/favvy-how-to-create-a-complete-favicon-set-from-figma.md): What a full favicon workflow from Figma looks like when you need every required size and format.
- [Website icon pack generator](https://www.hypermatic.com/articles/favvy-website-icon-pack-generator.md): How to generate a complete website icon pack from Figma for launches and redesigns.
- [Favicon generator for Shopify stores](https://www.hypermatic.com/articles/favvy-favicon-generator-for-shopify-stores.md): How to create favicon assets for Shopify stores from one Figma source file.
- [Apple touch icon generator from Figma](https://www.hypermatic.com/articles/favvy-apple-touch-icon-generator-from-figma.md): How to generate Apple touch icons from Figma without assembling every file by hand.
- [Best Figma plugins for front-end developers](https://www.hypermatic.com/articles/best-figma-plugins-for-front-end-developers.md): The best Figma plugins for front-end developers who need faster handoff, better QA, and cleaner exports.
- [How to export favicons from Figma using Favvy](https://www.hypermatic.com/tutorials/how-to-export-favicons-from-figma-using-favvy.md): Follow along with this step by step Figma tutorial video

[All resource topics](https://www.hypermatic.com/resources/llms.txt)
[Products and pricing](https://www.hypermatic.com/llms.txt)