Deutsch 
Español 
Français 
한국어 
Polski 
Português 
Favvy vs Maskable.app
Maskable.appの代替ツール。Figmaの元データからアイコンの受け渡しを一式で準備。
Favvyは、Webサイト・PWA用のアイコン一式を準備するという、より広い作業のためのMaskable.appの代替ツールです。Figmaから必要なアセットを生成しつつ、対象のアプリで必要な場合はmaskableアイコン専用の確認を続けられます。
無料でインストールできます。Proの無料トライアル10回付きで、クレジットカードは不要です。
You just saved me hours of time! I think I love you!
Maskable.appとFavvy、どちらを選ぶ？
ワークフローを比較して、次のプロジェクトに合ったツールを選びましょう。
| Maskable.app |  Favvyなら |
|---|---|
| maskableアイコンのワークフロー Maskable.appはmaskableアイコン用のエディターです。 | Figma用のファビコン・PWAジェネレーター 1つのFigmaアイコンから、Webサイト用アイコン、Apple touch icon、PWAアセット、実装に必要なファイルを含むファビコン一式を生成します。 Favvyのガイドを読む |
| アプリアイコンに特化した作業 このツールはmaskableアイコンの準備に特化しています。 | ファビコンのサイズプレビュー 16px、32pxなど、実際に使われるサイズでファビコンをプレビューします。エクスポートの前に、ブラウザやショートカットで細部がはっきり見えるかを確認できます。 Favvyのガイドを読む |
| PWA実装での位置付け maskableアイコンは、プログレッシブWebアプリのアイコン設定の中で使われます。 | ファビコンの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乗り換える前に確認すること。
この比較は、FavvyのすべてのPWAアセットが検証済みのmaskableアイコンであると主張するものではありません。maskableアイコンが必要な場合は、manifestのpurpose、セーフエリア、対象ランチャーでの挙動を確認してください。
ワークフローガイドを読む- 対象ランチャーのセーフエリアが決まっているPWA用のブランドアイコンから始めます。Figmaで完成したアイコンを選びます。
- 必要なサイズと形式をすべて生成します。
- 一式をまとめて開発に渡します。この比較は、FavvyのすべてのPWAアセットが検証済みのmaskableアイコンであると主張するものではありません。
よくある質問
始める前に知っておきたいこと。
Maskable.appではなくFavvyを選ぶべきなのはどんなときですか？
承認済みのFigmaのロゴから、Webサイト用アイコンの完全な一式を納品するデザイナー。
Maskable.appのほうが向いているのはどんなときですか？
maskableなアプリアイコンを専門に編集・確認したい開発者やデザイナー。
乗り換える前に確認すべきことは何ですか？
この比較は、FavvyのすべてのPWAアセットが検証済みのmaskableアイコンであると主張するものではありません。maskableアイコンが必要な場合は、manifestのpurpose、セーフエリア、対象ランチャーでの挙動を確認してください。
PWAのアイコンはどれでも自動的にmaskableとして扱われますか？
いいえ。アイコンのセーフエリアとmanifestのpurposeを確認し、対象の環境でテストしてください。その挙動が案件に含まれる場合は、maskableアイコン専用の確認を行ってください。
アップグレードする前にFavvyを試せますか？
はい。Figma CommunityからFavvyをインストールすると、Proの無料トライアルを10回使えます。クレジットカードは不要です。
PDF見積書 ↗ 
