figma-how-to-use-local-fonts
公開日: 2022.06.03  | 更新日: 2022.06.03

FigmaでWindows・Macのローカルフォントを使う方法

FigmaでWindowsやMacなどのPCにインストールされているローカルフォントを利用したい場合の対応方法の紹介です。他者から共有されたFigmaファイルを開いたときに、ローカルフォントがインストールされているのにFigma上で認識されない場合にも有効な方法です。

なお執筆時点(2022年5月)では、ローカルフォントを利用したい場合はWindowsかMacを利用する必要があり、ChromeOSなどは対象外のようです。

この記事のターゲット

  • Figmaでローカルフォントを利用したい方


Figmaの対応アプリケーションをインストールする

installer1

Figmaでローカルフォントを認識・利用できるようにする方法は次の2つです。

  • Figmaのデスクトップアプリを利用する

  • Figmaのフォントインストーラーを利用する(Figmaをブラウザで開いて利用する場合)

上記のアプリ・インストーラーは以下の公式ページからダウンロードできます。

https://www.figma.com/downloads/

Figmaのデスクトップアプリを利用する場合

installer3

上記のダウンロードページの左側の「Desktop app」から対応するOSのリンクをクリックするとダウンロードが開始されます。

Figmaをブラウザで開いて利用する場合

installer2

上記のダウンロードページの右側の「Font installers」から対応するOSのリンクをクリックするとダウンロードが開始されます。


この記事を読んだ方におすすめの記事

Figma初心者が使い方に困った時に試してほしいTips

今回は、納品されたり引き継いだFigmaのデザインデータを、修正・変更して再利用しようとした時によく発生するトラブルと、その対応方法をいくつか紹介したいと思います。 ... 続きを読む

figma-beginners-tips

Figmaでテキストや図形を編集できない時に試すこと

Figmaで作成・共有されたファイルで、テキストや図形オブジェクトを選択できない、または編集できない場合に試すTipsの紹介です。 ... 続きを読む

figma-how-to-edit

Figmaでテキストを縦書きに対応する方法

今回はFigmaでテキストを縦書きに対応する方法を紹介します。和風のWebサイトや広告バナー・フライヤーなどをデザインする際に、縦書きのテキストを配置したりできるようになるので、制作の幅も広がると思います。 ... 続きを読む

figma-text-vertical-alternates

最新の記事はこちら
広告
この記事を書いた人
うえんつ

うえんつ

Twitter
SaaS・アプリ開発などWEB領域での課題解決が得意なデザイナーで、このブログのオーナーです。
今の関心事
Figma・UI/UX・空間設計・QOL・料理
広告