Deutsch 
Español 
Français 
한국어 
Polski 
Português 
Favvy vs favicon.io
Figmaにあるブランドのアートワークに使えるfavicon.ioの代替ツール。
FavvyでFigmaのアイコンからファビコンのアセットとHTMLを生成できます。別の画像をアップロードしたりテキストアイコンから始めたりせずに、小さいサイズのプレビューとコードの受け渡しをブランドの元データのそばで行えます。
無料でインストールできます。Proの無料トライアル10回付きで、クレジットカードは不要です。
You just saved me hours of time! I think I love you!
favicon.ioとFavvy、どちらを選ぶ？
ワークフローを比較して、次のプロジェクトに合ったツールを選びましょう。
| favicon.io |  Favvyなら |
|---|---|
| 画像・テキスト・絵文字を選ぶ favicon.ioでは、さまざまな入力からファビコンを生成できます。 | 承認済みのFigmaのブランドアートワークを使う デザインチームが管理するマスターアイコンから納品物を生成します。 Favvyのガイドを読む |
| ファビコン一式を作る favicon.ioはダウンロード可能なファビコンを出力します。 | まず小さいサイズのデザインを確認 受け渡しの前に、Favvy内で対応サイズのアイコンをプレビューします。 Favvyのガイドを読む |
| Webサイトのアイコンを設置 favicon.ioはWebサイト用のファビコン生成ワークフローを提供しています。 | ファイルとHTMLをまとめて受け渡し Favvyが生成する対応アセットとマークアップを使い、公開後の組み込みを確認します。 Favvyのガイドを読む |
10回の無料Proトライアル付き。クレジットカードは不要です。
自分のファイルでFavvyを試すワークフローを選ぶ
作業に合ったツールを選びましょう。
実際の使い方
Favvyでできること。
ワークフローを支える機能を、デモと設定ガイド付きで紹介します。
エクスポート前に、ファビコンの各サイズをプレビュー。
16px、32pxなど、実際に使われるサイズでファビコンをプレビューできます。エクスポート前に、ブラウザやショートカットで細部がはっきり見えるかを確認しましょう。
- 実寸でのファビコンプレビュー
- 小さなサイズでの読みやすさチェック
- Figmaでマスターアイコンを編集
開発者が必要とするファビコンのHTMLをそのままコピー。
Webサイト用のファビコンのリンクタグを生成し、ドキュメントのheadにそのまま貼り付けられるHTMLをコピーできます。
- 貼り付けるだけのHTML
- ファビコンファイルへの正しい参照
- 開発への受け渡し
実際のプロジェクトで試す
ワークフローをFavvyに移行しましょう。
チームのプロセスを変える前に、代表的なファイルで試してみましょう。
Favvy Pro乗り換える前に確認すること。
FavvyはFigmaにある既存のアートワークを前提に作られています。favicon.ioはほかの入力からも始められます。必要なアイコンファイルを比較し、生成したHTMLをWebサイトに正しく設置してください。
ワークフローガイドを読む- Figmaで承認済みのマスターアイコンを選択し、Favvyを開きます。
- 対応する小さいサイズをプレビューし、アセットとHTMLを生成します。
- ファイルをWebサイトに設置し、対象のブラウザで表示されるアイコンを確認します。
よくある質問
始める前に知っておきたいこと。
favicon.ioではなくFavvyを選ぶべきなのはどんなときですか？
完成したブランドアイコンをすでにFigmaで管理していて、繰り返し使えるファビコンの受け渡し手順がほしいデザイナー。
favicon.ioのほうが向いているのはどんなときですか？
画像、テキスト、絵文字から手軽にファビコンを作れるジェネレーターがほしい人。
乗り換える前に確認すべきことは何ですか？
FavvyはFigmaにある既存のアートワークを前提に作られています。favicon.ioはほかの入力からも始められます。必要なアイコンファイルを比較し、生成したHTMLをWebサイトに正しく設置してください。
アップグレードする前にFavvyを試せますか？
はい。Figma CommunityからFavvyをインストールすると、Proの無料トライアルを10回使えます。クレジットカードは不要です。
PDF見積書 ↗ 
