Skip to main content
AI agentをユーザーのFigmaアカウントに接続すると、アセットのエクスポート、デザインファイルへのプログラムによる変更の適用、プロトタイプへのコメント投稿が可能になり、デザインのフィードバックループを自動化できます。

FigmaをAuth0に接続する

1

Figmaの設定

  1. Figma Developer accountページにアクセスし、サインアップします。
  2. Figma Developerダッシュボードで新しいアプリを作成します。
  3. アプリの名前を入力し、関連付けるチームまたは組織を選択します。
  4. Figmaから提供されるClient IDとClient Secretをコピーし、安全な場所に保管します。
  5. OAuthのリダイレクトURLを構成します:
    • リダイレクトURL:https://YOUR_AUTH0_DOMAIN/login/callback
    You can find the Auth0 domain in the Auth0 Dashboard.You can find this under Applications > [Your Application] > Settings > Basic Information > Domain.If you are using the custom domains feature, your Auth0 domain is the custom domain. You can find this under Branding > Custom Domains.
  6. アプリケーションがアクセスに必要とするスコープ (current_user:read、file_content:read、file_comments:writeなど) を選択します。
  7. Publishを選択します。
Figmaの設定の詳細については、Login with Figmaのドキュメントを参照してください。
2

Auth0の設定

このガイドでは、Auth0 で Figma 接続をセットアップする手順を説明します。 このような接続を使用して、ユーザーに代わってアプリから第三者 API を呼び出す方法を一連の流れで示す例については、 ユーザーに代わって第三者 API を呼び出すクイックスタートをお読みください。

Token Vaultの設定例

Figma接続用にToken Vaultを設定するには、アプリケーションで次のコードスニペットを使用します。

Next steps