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


最新の記事を見る
広告
この記事を書いた人
うえんつ

うえんつ

X a.k.a Twitter
B2B領域のSaaS・アプリケーション開発などを組織で取り組むことが得意なプロダクトデザイナーで、このブログのオーナーです。
今の関心事
Figma・UIデザイン・UXリサーチ・QOL・旅行
広告