次の方法で共有

Microsoft Entra ID でシングル サインオン用に Figma を構成する

この記事では、Figma と Microsoft Entra ID を統合する方法について説明します。 Figma を Microsoft Entra ID と統合すると、次のことが可能になります。

  • Figma にアクセスできるユーザーを Microsoft Entra ID で制御する。
  • ユーザーが自分の Microsoft Entra アカウントで Figma に自動的にサインインできるように設定する。
  • 1 つの中央の場所でアカウントを管理します。

[前提条件]

この記事で説明するシナリオでは、次の前提条件が既にあることを前提としています。

  • Figma でのシングル サインオン (SSO) が有効なサブスクリプション。

シナリオの説明

この記事では、テスト環境で Microsoft Entra SSO を構成してテストします。

Microsoft Entra ID への Figma の統合を構成するには、ギャラリーから管理対象 SaaS アプリの一覧に Figma を追加する必要があります。

  1. クラウド アプリケーション管理者以上として Microsoft Entra 管理センターにサインインします。
  2. Entra ID>のEnterprise apps>に移動し、新しいアプリケーションを選択します。
  3. [ギャラリーから追加する] セクションで、検索ボックスに「Figma」と入力します。
  4. 結果のパネルから [Figma] を選択し、アプリを追加します。 お使いのテナントにアプリが追加されるのを数秒待機します。

または、 エンタープライズ アプリ構成ウィザードを使用することもできます。 このウィザードでは、テナントにアプリケーションを追加したり、ユーザー/グループをアプリに追加したり、ロールを割り当てたり、SSO 構成を確認したりできます。 Microsoft 365 ウィザードの詳細を確認します。

Figma 用の Microsoft Entra SSO を構成およびテストする

B.Simon というテスト ユーザーを使用して、Figma に対する Microsoft Entra SSO を構成・テストします。 SSO が機能するには、Microsoft Entra ユーザーとそれに対応する Figma ユーザーをリンクする必要があります。

Figma に対する Microsoft Entra SSO を構成およびテストするには、次の手順を実行します。

  1. Microsoft Entra SSO を構成する - ユーザーがこの機能を使用できるようにします。
    1. Microsoft Entra テスト ユーザーの作成 - B.Simon で Microsoft Entra のシングル サインオンをテストします。
    2. Microsoft Entra テスト ユーザーを割り当てる - B.Simon が Microsoft Entra シングル サインオンを使用できるようにします。
  2. Figma SSO の構成 - アプリケーション側でシングル サインオン設定を構成します。
    1. Figmaテストユーザーを作成する - FigmaでB.Simonの対応役を作成し、それをMicrosoft Entraのユーザー表現にリンクします。
  3. SSO のテスト - 構成が機能するかどうかを確認します。

Microsoft Entra SSO の構成

Microsoft Entra SSO を有効にするには、次の手順に従います。

  1. クラウド アプリケーション管理者以上として Microsoft Entra 管理センターにサインインします。

  2. Entra ID>エンタープライズアプリケーション>Figma>シングルサインオンを参照してください。

  3. [シングル サインオン方式の選択] ページで、 [SAML] を選択します。

  4. [ SAML でのシングル サインオンの設定 ] ページで、[ 基本的な SAML 構成 ] の鉛筆アイコンを選択して設定を編集します。

    基本的なSAML構成の編集

  5. [ 基本的な SAML 構成] セクションで、 IDP 開始モードでアプリケーションを構成する場合は、次のフィールドの値を入力します。

    a. [ 識別子 ] テキスト ボックスに、次のパターンを使用して URL を入力します。 https://www.figma.com/saml/<TENANT ID>

    b。 [ 応答 URL ] テキスト ボックスに、次のパターンを使用して URL を入力します。 https://www.figma.com/saml/<TENANT ID>/consume

  6. 追加の URL を設定 を選択し、SP 開始モードでアプリケーションを構成する場合は、次の手順を実行します。

    [ サインオン URL ] テキスト ボックスに、次のパターンを使用して URL を入力します。 https://www.figma.com/saml/<TENANT ID>/start

    注

    これらの値は実際の値ではありません。 実際の識別子、応答 URL、サインオン URL でこれらの値を更新します。 Figma の記事「TENANT ID」の手順 11 からを取得します。

  7. Figma アプリケーションは、特定の形式の SAML アサーションを使用するため、カスタム属性のマッピングを SAML トークンの属性の構成に追加する必要があります。 次のスクリーンショットは、既定の属性の一覧を示しています。

    画像

  8. その他に、Figma アプリケーションでは、いくつかの属性が SAML 応答で返されることが想定されています。それらの属性を次に示します。 これらの属性も事前に設定されていますが、要件に従って確認できます。

    名前 ソース属性
    externalId user.mailnickname
    displayName user.displayname
    title user.jobtitle
    emailaddress user.mail
    familyName user.surname
    givenName givenName
    userName user.userprincipalname

  9. [ SAML でのシングル サインオンの設定 ] ページの [ SAML 署名証明書 ] セクションで、[コピー] ボタンを選択して アプリのフェデレーション メタデータ URL を コピーし、コンピューターに保存します。

    証明書のダウンロード リンク

Microsoft Entra テスト ユーザーの作成と割り当て

ユーザー アカウントの作成と割り当ての クイックスタートのガイドラインに従って、B.Simon というテスト ユーザー アカウントを作成します。

Figma の SSO の構成

Figma 側でシングル サインオンを構成するには、Figma の記事「Configure Microsoft Entra SAML SSO process (Microsoft Entra SAML SSO プロセスを構成する)」に従う必要があります。

Figma のテスト ユーザーの作成

このセクションでは、Britta Simon というユーザーを Figma に作成します。 Figma では、Just-In-Time プロビジョニングがサポートされています。この設定は既定で有効になっています。 このセクションにはアクション項目はありません。 ユーザーがまだ Figma に存在しない場合は、Figma にアクセスしようとしたときに新しいユーザーが作成されます。

SSO のテスト

このセクションでは、次のオプションを使用して Microsoft Entra のシングル サインオン構成をテストします。

SP 開始:

  • [ このアプリケーションをテストする] を選択すると、このオプションはログイン フローを開始できる Figma サインオン URL にリダイレクトされます。

  • Figma のサインオン URL に直接移動し、そこからログイン フローを開始します。

IDP 起動しました。

  • [ このアプリケーションをテストする] を選択すると、SSO を設定した Figma に自動的にサインインします。

Microsoft マイ アプリを使用して、任意のモードでアプリケーションをテストすることもできます。 マイ アプリで [Figma] タイルを選択すると、SP モードで構成されている場合は、ログイン フローを開始するためのアプリケーション サインオン ページにリダイレクトされます。IDP モードで構成されている場合は、SSO を設定した Figma に自動的にサインインされます。 マイ アプリの詳細については、マイ アプリの概要に関するページを参照してください。

関連コンテンツ

Figma を構成すると、組織の機密データを流出と侵入からリアルタイムで保護するセッション制御を適用することができます。 セッション制御は条件付きアクセスから拡張されます。 Microsoft Defender for Cloud Appsでセッション制御を適用する方法について説明します。