選択するレイヤーは、幅と高さが同じ（例： 512x512ピクセル）正方形である必要があります。 正方形ではないレイヤーを選択した場合は、Favvyでお知らせします。

Export Faviconsボタンは、正方形のレイヤーを1つ選択するまで、またFavvyが現在のファビコン一式を生成している間は使用できません。ボタンにカーソルを合わせると、使用できない理由が表示されます。次のエクスポートを始める前に、生成が終わるまでお待ちください。

Export Faviconsボタンをクリックすると、HTML code for your website's <head> tagウィンドウが表示されます。Figmaから.zipファイルをパソコンにダウンロードするには、FavvyプラグインのDownload favicons .zip fileボタンをクリックします。

Figmaからダウンロードしたファイルの保存 Figmaのデスクトップアプリを使っている場合は、ファイルをダウンロードするためのダイアログが表示されます。一方、WebブラウザでFigmaを使っている場合は、デフォルトでファイルが自動的にパソコンにダウンロードされます（通常はパソコンのDownloadsフォルダに保存されます）。

Favvyでエクスポートした.zipファイルの中身

選択したエクスポート形式に応じて、Favvyからエクスポートされる.zipファイルに含まれる可能性のあるファイルは、以下のとおりです。

• android-chrome-192x192.png
• android-chrome-512x512.png
• apple-touch-icon.png
• favicon.ico
• favicon.svg
• head.html
• site.webmanifest

Favvyのその他のエクスポートオプション

ファビコンをエクスポートする前に、必要に応じてWebサイト名とテーマカラーを指定できます。Favvyは、Webサイト名、テーマカラー、プラットフォームの切り替え設定をFigmaファイルごとに記憶します。

Website Name

Website Name入力フィールドにWebサイト名を入力すると、エクスポートされるsite.webmanifestファイルのnameフィールドとshort_nameフィールドに自動で追加されます。

site.webmanifestファイルはプログレッシブWebアプリ（PWA）で使用されます。詳しくは、MDN Web DocsのWebアプリマニフェストの解説をご覧ください。

Theme Colour

Theme Colour入力フィールドにHEXカラーコードを入力する（またはカラーピッカーを使う）と、<head></head>タグ用に生成されるコードのtheme-colorフィールドに自動で追加され、iOSのスプラッシュスクリーンの背景にも使用されます。

Sizes & Platforms

Default (Required) は常に含まれます。iOS (Icons) とAndroid (PWA Icons) はデフォルトでオンになっており、不要な場合はオフにできます。iOSのスプラッシュスクリーンを追加するにはiOS (PWA Splash Screen) をオンにします。この設定には、iOS (Icons) がオンになっている必要があります。