Figma didn’t ship a favicon workflow, so we built one. Favvy plugs directly into your file, reads the icon frame, and outputs all required assets from .ico to iOS/Android touch icons. Designers keep control, developers get consistent files, and everyone avoids last-minute fire drills.

One plugin, full package

Favvy handles resizing, background fills, masking, metadata, and file compression. You can update everything in seconds whenever the brand team tweaks the logo.

Handoff-friendly

Each export includes a README snippet that explains how to implement the icons. Attach it to Jira tickets or share it in Slack so engineering knows exactly what to do.

Usage steps

1. Draw or paste the icon into a square frame.
2. Launch Favvy, choose the package type, and adjust settings if needed.
3. Download the zip and share it with whoever owns deployment.

It’s the small plugin that removes a surprisingly common blocker.

Scale across brands

Save preset configurations for each product line or sub-brand. Favvy remembers background treatments, file paths, and manifest settings so multi-brand organizations can keep assets consistent without manual tweaks.

QA helper

Use Favvy’s preview grid to validate icons on light and dark backgrounds, across browsers, and at various pixel densities. Share screenshots from that grid with stakeholders for faster approvals.