メインコンテンツにスキップ

Figma プラグインをセットアップする

Figma プラグインをセットアップとその使い方をご紹介します。

対応者:Supriya Bisht

Figma 用の Monotype Fonts プラグインは、Monotype Desktop App と連携して、Figma ファイルで不足しているフォントを検出します。Monotype Fonts サブスクリプションを使用して、それらのフォントを自動的に同期します。

Figma はプラグインを自社プラットフォームを通じて公開することを要求しているため、管理者が初期セットアップを完了する必要があります。

セットアップが完了すると、プラグインは組織内のすべての Figma ユーザーが利用できるようになります。

注意: このプラグインには Monotype Desktop App v7.3.2 以降が必要です。

Figma のプラグイン公開プロセスに必要なアップデートおよび「documentAccess: dynamic-page」権限モデルの導入に伴い、最新バージョンのFigmaに対応しています。

この記事では、プラグインパッケージのダウンロードから Figma での認証まで、Figma ファイル用の Monotype Fonts プラグインをセットアップするプロセスを説明します。内容は以下のとおりです:


前提条件

プラグインを公開できるのは、Figma 管理者または Figma への開発者アクセス権を持つユーザーのみです。開始前に、以下のすべての条件を確認してください。

  • サブスクリプション:管理者権限を持つ有効な Monotype Fonts サブスクリプションをお持ちであること。

  • Desktop App:Monotype Desktop App v7.3.2 以降がインストールされていること。

  • Figma アクセス:Figma アカウントの組織管理者権限または開発者アクセス権をお持ちであること。

  • 組織設定:Figma 組織でカスタムプラグインが許可されていること。

注意: 管理者でない場合は、Figma アカウントの管理者に連絡してプラグインのインポートと公開を依頼してください。公開後、プラグインは組織内のすべてのユーザーが利用できるようになります。


プラグインのインポートと公開

以下の手順に従って Figma プラグインをインポートして公開してください:

  1. ダウンロードしたパッケージ(.zip ファイル)を展開します。

  2. Figma デスクトップアプリを開き、「プラグインとウィジェット(Plugins & widgets)」タブを開きます。

    The Plugins & widgets panel in the Figma desktop app with the Plugins & widgets option highlighted.

  3. 「マニフェストからインポート(Import from manifest)」を選択します。

    The Plugins & widgets panel in the Figma desktop app with the Import from Manifest option highlighted.

  4. プラグインパッケージを展開します。

  5. 展開したパッケージから「manifest.json」ファイルを選択します。

  6. 画面の指示に従ってインストール手順を完了します。

    Publish plugin wizard

    ヒント: この手順で Figma にプラグイン ID エラーが表示された場合は、続行する前にエラーを解消してください。フィールドの説明については「プラグインを公開する」セクションを参照してください。

  7. Figma がプラグインのエントリを承認したら、エントリの横にある省略記号(…)メニューを選択します。

  8. 「公開(Publish)」を選択します。

公開が正常に完了すると、プラグインが組織に提供されます。

Figma でプラグインが確認できるようになります。


「プラグインを公開する」ダイアログ

「プラグインを公開する(Publish plugin)」ダイアログで、以下のフィールドを確認または入力してください。

Publish plugin wizard

フィールド

説明

アイコン

ダウンロードしたパッケージから選択します。

名前

プラグインの名前を示します。例:Monotype Fonts plugin

タグライン

プラグインを数語で説明します。例:Detect Fonts(フォントの検出)

説明

このファイルで見つけられるもの・学べることを説明します。

例:このプラグインは Monotype Desktop App 内に存在し、Figma ファイルで不足しているフォントを検出し、Monotype Fonts サブスクリプションを使用してフォントを同期します。

カテゴリ

Apps(アプリ)

カバー画像

ダウンロードしたパッケージから選択します。

タグ

アプリのタグを示します。例:Fonts、Monotype Fonts、Missing Fonts

サポート連絡先

作成者

組織名

プラグイン ID

Figma によって自動入力されます。空白または無効な場合は、プラグイン ID エラーを解決してください。

公開先

組織名


プラグイン ID エラーの解決

インポート手順中に Figma がプラグイン ID エラーを表示することがあります。これは、マニフェストファイルのプラグイン ID が不足しているか無効な場合に発生します。

Plugin ID invalid error with Generate ID button.

以下の手順に従ってプラグイン ID エラーを解決してください。

  1. 「ID を生成(Generate ID)」を選択します。

  2. Figma のエラーメッセージからプラグイン ID をコピーします。

    A Figma dialog displaying a Plugin ID error, with the generated Plugin ID value shown.

  3. プレーンテキストエディタで「manifest.json」ファイルを開きます。例:Windows の場合はメモ帳、macOS の場合はテキストエディット。

  4. 「id」フィールドを見つけて、その値を Figma で生成された値に置き換えます。

    Illustration showing the manifest file with updated Plugin ID.

  5. ファイルを保存します。

  6. Figma に戻り、更新された「manifest.json」ファイルを再インポートします。

  7. 「公開(Publish)」を選択します。


プラグインの認証

プラグインを初めて開くユーザーは、1 回限りの認証を完了する必要があります。チームが使用する前に、プラグインが正常に動作することを確認するためにこの手順を完了してください。

  1. 任意の Figma ファイルを開きます。

  2. 組織のプラグインリストから Monotype Fonts プラグインを選択します。

  3. 画面のログインプロンプトに従って、Monotype Fonts アカウントにサインインします。

  4. プロンプトが表示されたら、「アクセスを許可(Allow access)」をクリックして、プラグインが Monotype Fonts に接続することを許可します。


プラグインのアップデートの展開

Monotype がプラグインの新しいバージョンをリリースした場合は、組織に再展開する必要があります。

  1. .最新バージョンの Figma プラグインをダウンロードします。

  2. ダウンロードしたパッケージを展開します。

  3. Figma デスクトップアプリを開き、「プラグインとウィジェット(Plugins & widgets)」に移動します。

  4. Monotype Fonts プラグインのエントリを見つけて、省略記号(…)メニューを選択します。

  5. 「新しいリリースを公開…(Publish New Release…)」を選択します。

  6. 「プラグインを公開する(Publish plugin)」ダイアログのフィールドを確認します。

  7. 「公開(Publish)」を選択します。

期待される結果:更新されたプラグインのバージョンが組織内のすべてのユーザーに提供されます。


制限事項

制限事項

詳細

管理者または開発者アクセスが必要

一般の Figma ユーザーは、組織向けにプラグインを公開できません。この記事の手順を完了できるのは、組織管理者または開発者アクセス権を持つユーザーのみです。

ユーザーごとに1回限りの認証

各ユーザーは、プラグインを初めて開く際に、サインインとアクセス許可の手順を完了する必要があります。

欠落フォントの検出率は Figma のロールによって異なる

詳細は以下の検出率テーブルを参照してください。

Figma ロール別の欠落フォント検出率

Figma ロール

欠落フォントの検出

おおよその検出率

管理者 / 開発者

高頻度

1分あたり約10件のリクエスト

閲覧者 / コラボレーター

制限あり

1か月あたり約6件のリクエスト

注意: Figma はユーザーのアカウント権限に基づいてこれらのレート制限を適用します。

こちらの回答で解決しましたか?