Favvy
ファビー
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
- Draw or paste the icon into a square frame.
- Launch Favvy, choose the package type, and adjust settings if needed.
- 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.