Skip to content
テンプレートギャラリーに戻る
Figma
Figma

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

このガイドでは、Windowsシステムにカスタムローカルフォントをインストールし、Google ChromeブラウザとFigmaデスクトップアプリ内のFigmaで使用できるように設定します。Figma Agentをダウンロードしてインストールし、ウェブアプリケーションでローカルフォントにアクセスできるようにします。

マーケティング
17 steps 7 min コミュニティテンプレート
1

フォルダを開く

フォントをダウンロードしたフォルダを開きます。

app.example.com
フォルダを開く
2

Magicalファイルを選択

ファイルリストの「Magical」フォントファイルをダブルクリックしてインストールします。

app.example.com
Magicalファイルを選択
3

インストールボタンをクリック

フォントプレビューウィンドウの「インストール」ボタンをクリックして、フォントをシステムに追加します。

app.example.com
インストールボタンをクリック
4

Figmaデスクトップアプリを開く

テキストを選択し、「タイポグラフィ」をクリックしてカスタムフォントを選択します。

app.example.com
Figmaデスクトップアプリを開く
5

Magicalフォントを選択

フォントドロップダウンリストの「Magical」フォントオプションをクリックして、テキストに適用します。

app.example.com
Magicalフォントを選択
6

ブラウザでFigmaファイルを開く

ブラウザでFigmaファイルを開きます。

app.example.com
ブラウザでFigmaファイルを開く
7

すべてのフォントドロップダウンをクリック

フォントパネルの「すべてのフォント」ドロップダウンをクリックして、フォントリストをフィルタリングします。

app.example.com
すべてのフォントドロップダウンをクリック
8

自分でインストールしたオプションを選択

フォントドロップダウンメニューの「自分でインストールした」オプションをクリックして、カスタムフォントを表示します。

app.example.com
自分でインストールしたオプションを選択
9

方法を表示ボタンをクリック

フォントインストーラーの警告メッセージ内の「方法を表示」ボタンをクリックして、ローカルフォントを接続する方法を確認します。

app.example.com
方法を表示ボタンをクリック
10

ダウンロードリンクをクリック

「権限とヘルパー」モーダル内の「ダウンロード」リンクをクリックして、フォントインストーラーにアクセスします。

app.example.com
ダウンロードリンクをクリック
11

Windowsインストーラーリンクをクリック

「その他」セクションのWindowsインストーラーリンクをクリックして、Windows用のフォントインストーラーをダウンロードします。

app.example.com
Windowsインストーラーリンクをクリック
12

閉じるボタンをクリック

最近のダウンロード履歴ポップアップの右上隅にある「閉じる」ボタンをクリックして、閉じます。

app.example.com
閉じるボタンをクリック
13

インストールボタンをクリック

セットアップウィンドウの右下にある「インストール」ボタンをクリックして、インストールを開始します。

app.example.com
インストールボタンをクリック
14

Figmaタブに戻る

ブラウザのタブバーにある「無題 - Figma」タブをクリックして、Figmaワークスペースに戻ります。

app.example.com
Figmaタブに戻る
15

Figma Agentはブラウザを接続します。

Figma Agentはブラウザを接続します。

app.example.com
Figma Agentはブラウザを接続します。
16

閉じるボタンをクリック

「権限とヘルパー」モーダルの右上隅にある「閉じる」ボタンをクリックして、閉じます。

app.example.com
閉じるボタンをクリック
17

Magicalフォントを選択

「フォント」モーダルの検索結果から「Magical」フォントオプションを選択して、テキストに適用します。

app.example.com
Magicalフォントを選択

このウォークスルーを自分用に

このテンプレートを複製し、画面を差し替えて、チームで共有しましょう。無料で始められます — クレジットカード不要。