Deutsch 
Español 
Français 
한국어 
Polski 
Português 
Favvy vs PWABuilder image generator
PWABuilder Icon Generatorの代替ツール。PWAアイコンの受け渡しをブランドデザインとつなげたまま。
Favvyは、FigmaからWebサイト用とPWA用のアイコンアセットを制作するためのPWABuilder image generatorの代替ツールです。承認済みのデザインからアイコン一式を生成し、実装用ファイルを開発に渡せます。
無料でインストールできます。Proの無料トライアル10回付きで、クレジットカードは不要です。
You just saved me hours of time! I think I love you!
PWABuilder image generatorとFavvy、どちらを選ぶ？
ワークフローを比較して、次のプロジェクトに合ったツールを選びましょう。
| PWABuilder image generator |  Favvyなら |
|---|---|
| アプリ用画像の生成 PWABuilderの現在のジェネレーターは、正方形のPNG、SVG、WebPからアイコンを作成します。 | Figma用のファビコン・PWAジェネレーター 1つのFigmaアイコンから、Webサイト用アイコン、Apple touch icon、PWAアセット、実装に必要なファイルを含むファビコン一式を生成します。 Favvyのガイドを読む |
| 余白と背景の設定 現在のインターフェースには、余白と背景色の設定があります。 | ファビコンのサイズプレビュー 16px、32pxなど、実際に使われるサイズでファビコンをプレビューします。エクスポートの前に、ブラウザやショートカットで細部がはっきり見えるかを確認できます。 Favvyのガイドを読む |
| アプリストア向けの出力先 インターフェースには、Microsoft Store、Google Play、iOS App Storeが出力先として並んでいます。 | ファビコンのHTMLコードジェネレーター Webサイト用のファビコンのlinkタグを生成し、そのまま貼り付けられるHTMLをドキュメントのheadにコピーできます。 Favvyのガイドを読む |
10回の無料Proトライアル付き。クレジットカードは不要です。
自分のファイルでFavvyを試すワークフローを選ぶ
作業に合ったツールを選びましょう。
実際の使い方
Favvyでできること。
ワークフローを支える機能を、デモと設定ガイド付きで紹介します。
Figmaのアイコン1つから、ファビコン一式を作成。
1つのFigmaアイコンから、Web用アイコン、Apple touch icon、PWA素材、実装に必要なファイルを含むファビコン一式を生成します。
- Web用ファビコンファイル
- Apple touch icon
- PWA素材とマニフェスト
エクスポート前に、ファビコンの各サイズをプレビュー。
16px、32pxなど、実際に使われるサイズでファビコンをプレビューできます。エクスポート前に、ブラウザやショートカットで細部がはっきり見えるかを確認しましょう。
- 実寸でのファビコンプレビュー
- 小さなサイズでの読みやすさチェック
- Figmaでマスターアイコンを編集
開発者が必要とするファビコンのHTMLをそのままコピー。
Webサイト用のファビコンのリンクタグを生成し、ドキュメントのheadにそのまま貼り付けられるHTMLをコピーできます。
- 貼り付けるだけのHTML
- ファビコンファイルへの正しい参照
- 開発への受け渡し
実際のプロジェクトで試す
ワークフローをFavvyに移行しましょう。
チームのプロセスを変える前に、代表的なファイルで試してみましょう。
Favvy Pro乗り換える前に確認すること。
PWABuilderの現在の画像ジェネレーターは、アプリストア向けの画像に重点を置いています。このページが比較するのはアイコンの準備であり、PWAのパッケージ化全体やネイティブアプリ向けカタログとの同等性ではありません。各出力先に必要なアセットとWebサイトのmanifestは別途確認してください。
ワークフローガイドを読む- Figmaのブランドロゴと、PWAアイコンの要件が決まっているプロジェクトから始めます。Figmaで完成したアイコンを選びます。
- 必要なサイズと形式をすべて生成します。
- 一式をまとめて開発に渡します。このページが比較しているのはアイコンアセットの生成です。
よくある質問
始める前に知っておきたいこと。
PWABuilder image generatorではなくFavvyを選ぶべきなのはどんなときですか？
Figmaにある既存のブランドロゴから、Webサイト用アイコンとPWAアセットが必要なデザイナー。
PWABuilder image generatorのほうが向いているのはどんなときですか？
PWABuilderのエコシステムでプログレッシブWebアプリを準備・パッケージ化する開発者。
乗り換える前に確認すべきことは何ですか？
PWABuilderの現在の画像ジェネレーターは、アプリストア向けの画像に重点を置いています。このページが比較するのはアイコンの準備であり、PWAのパッケージ化全体やネイティブアプリ向けカタログとの同等性ではありません。各出力先に必要なアセットとWebサイトのmanifestは別途確認してください。
FavvyでWebサイトをインストール可能なPWAにできますか？
Favvyが作るのはファビコンとPWAアセットの一式です。manifestの組み込み、必要なservice workerの実装、対象ブラウザでのインストール可否の確認は、引き続き開発側で行う必要があります。
アップグレードする前にFavvyを試せますか？
はい。Figma CommunityからFavvyをインストールすると、Proの無料トライアルを10回使えます。クレジットカードは不要です。
PDF見積書 ↗ 
