Figmaにフォントを追加する方法

MacまたはWindows PCにFigmaアプリをインストールしている場合、コンピュータにインストールされているフォントは、Figmaフォント・ピッカーで利用できます。しかし、ウェブベースのFigmaを使用している場合、インストールしたフォントを使用するには、特別なフォント・サービス・アプリをインストールする必要があります。LinuxやChromebookを使用している場合はさらに厄介で、組織やチームの管理者にフォントをインストールしてもらう必要があります。この wikiHow の記事では、あなたのコンピュータにあるフォントが Figma で使用できることを確認する方法と、管理者が全ユーザーのためにフォントをインストールする方法を紹介します。

方法1

コンピュータにインストールされているフォントを使う

1. コンピュータにフォントをインストールします。Windows または macOS を使用している限り、コンピュータにインストールされているフォントを Figma のデザインで使用することができます。 フォント・ファイルをダブルクリックし、フォントのインストール (Mac) またはインストール (Windows) を選択します。

   • Chromebook や Linux を使用している場合、Figma はローカル・フォントをサポートしていません。使用したいフォントがある場合は、チームまたは組織全体のために、管理者にそのフォントをインストールしてもらってください。
2. Figma フォント・サービスをインストールします (Web 上で Figma を使用している場合)。デスクトップ版の Figma をインストールしている場合は、すでにサービスがインストールされているため、この手順を省略できます。Web 上で Figma を使用している場合、コンピュータにインストールされているフォントを使用するには、この別のサービスをインストールする必要があります：

   • にアクセスしてください。
   • "フォント・インストーラ "の下にあるオペレーティング・システムをクリックします。
   • ダウンロードしたファイルをダブルクリックしてインストールします。
   • インストール後、Figmaの全てのタブをリロードし、フォントが利用できるようにします。
3. Figma のフォント・ピッカーで、フォントを選択します。フォントが正しくインストールされ、Figma デスクトップ・アプリケーションまたは Web アプリケーションでフォント・サービスを使用している限り、インストールしたフォントはフォント・ピッカーで使用できます。
4. フォントの問題のトラブルシューティングFigmaは、フォントに関して少しうるさいところがありますが、心配はいりません！

   • MacOS の場合は /Library/Fonts、Windows の場合は C:³³³Fonts です。
   • コンピュータにインストールされているAdobeフォントを使用しようとしている場合、フォントを使用するにはCreative Cloudにサインインしているか、過去30日以内にサインインしている必要があります。
   • ファイル上にフォントが見つからないという警告が表示された場合（黄色のアイコンに「A」とクエスチョンマークが表示されます）、エディタがあなたが持っていないフォントを使用したか、同じフォントの異なるバージョンを使用したことが原因です。黄色のアイコンをクリックすると、Missing Fonts パネルが表示され、代替フォントを選択できます。
   • Figma は、バリアブル・フォント・ファイル (1つのフォント・ファイルの中に、多くのフォント・スタイルやフォント・ファミリー (ボールド、ライトなど) が含まれているタイプのフォント・ファイル) には対応していません。 コンピュータ上のフォントのファイル名の中に "variable" という単語があるかどうかを確認し、それがあれば、そのフォントを削除して、代わりに静的バージョンのフォントと置き換えてください。
   • Web 版の Figma を使用していて、ローカル・フォントが表示されない場合は、右上のプロフィール写真をクリックし、[設定]を選択してください。フォント・サービスが起動している場合は、一番上に「ローカル・フォントが有効になっています」と表示されます。 これが表示されない場合は、コンピュータのアクティビティ・モニターを確認し、Figma デーモン、Figma フォント・ヘルパー、またはフォント・サービスのいずれかが起動していることを確認してください。これらのいずれかが表示されない場合は、ウェブ・ブラウザを一旦終了し、再度開いてみてください。

方法 2

組織にフォントを追加する

1. Figmaファイルブラウザを開きます。組織が組織プランに加入している場合、組織にフォントをアップロードすることができます。組織にフォントをアップロードするには、組織の管理者である必要があります。 まずは、Figma (ウェブ版またはデスクトップ版) をファイル・ブラウザに開き、デフォルトで開きます。

   • Figma は、TTF および OTF フォントにのみ対応しています。ご使用のフォントが Web フォントであったり、末尾が .ttf または .otf でない場合は、それらを組織に追加することはできません。
   • あなたが組織の管理者でない場合、または単に特定のチームにフォントを使用できるようにしたい場合は、代わりにすることができます。
2. 管理者設定]をクリックします。ファイルブラウザの左パネルに表示されます。組織の設定が開きます。
3. リソース」タブをクリックします。ページの上部に並んでいるタブの中にあります。
4. フォントのアップロード]をクリックします。このオプションはページの右上、"フォントを検索 "の右隣にあります。コンピュータのファイルブラウザが表示されます。
5. フォントを選択し、「開く」をクリックします。確認画面が表示されます。

   • Controlキー（PC）またはCommandキー（Mac）を押しながら各フォントをクリックし、[開く]を選択します。
   • 選択したフォントの使用が法的に許可されているかどうかを確認するよう求められます。不明な場合は、フォントのライセンスを再確認してください。
6. フォントを追加するには、[アップロード] をクリックします。フォントが組織にアップロードされ、すべてのチームがフォント・ピッカーですぐに利用できるようになります。

   • フォントが既にアップロードされていることを Figma が検出した場合、警告メッセージが表示されます。重複フォントのアップロードを回避する場合は [スキップ] を、既存のフォントをこのバージョンに置き換える場合は [置換] を選択します。

方法3

チームにフォントを追加する

1. Figma ファイルブラウザを開きます。Figma のチームにフォントをアップロードすると、そのチームのメンバー全員が、どのデバイスでもそのフォントを使用できるようになります。まず、Figma（ウェブ版またはデスクトップ版）を開き、ファイル・ブラウザを開きます。

   • フォントをチームにアップロードするには、チーム管理者である必要があります。
   • Figma は、TTF および OTF フォントにのみ対応しています。フォントがウェブ・フォントであったり、末尾が .ttf または .otf でない場合は、それらを組織に追加することはできません。
2. チーム名をクリックします。左側のパネルに表示されます。
3. 設定タブをクリックします。ページの一番上にあります。
4. 共有フォントの管理」をクリックします。設定のリストに表示されます。チームに現在インストールされているすべてのフォントのリストが表示されます。
5. をクリックします。右上にあります。コンピュータのファイルブラウザが開きます。
6. フォントを選択し、「開く」をクリックします。確認画面が表示されます。

   • Controlキー（PC）またはCommandキー（Mac）を押しながら各フォントをクリックし、[開く]を選択します。
   • 選択したフォントの使用が法的に許可されているかどうかを確認するよう求められます。不明な場合は、フォントのライセンスを再確認してください。
7. アップロード]をクリックします。アップロードが完了すると、選択したフォントがフォントピッカーですべてのチームメンバーが利用できるようになります。

この記事は、CC BY-NC-SAの下で公開された " How to Add Fonts to Figma " を修正して作成されました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。