The Figma integration allows your AI Agents to authenticate users with their Figma accounts and access Figma files, projects, and design assets on their behalf.

Overview

The Figma integration is perfect for design-focused AI applications that need to interact with design files, manage projects, collaborate on designs, or automate design workflows. This integration provides access to Figma’s comprehensive API for design and collaboration features.

Configuration

1

Set up app in Figma

  1. Sign up for a Figma Developer account
  2. Create a new app in the Figma Developer Dashboard
  3. Note your Client ID and Client Secret
2

Configure for Auth0

  1. Use the following settings when configuring your app:
  • Website URL: https://YOUR_AUTH0_DOMAIN
  • Authorization callback 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.

Add Connection in Auth0

In the Auth0 Dashboard, navigate to Authentication > Social and select Create Connection. Then, choose the matching connection from the list of supported options to add and begin the configuration process. Follow the prompts to configure your selected provider.

Enable Token Vault

At the bottom of the connection settings in the Advanced section enable the Enable Token Vault toggle. This will allow your connection to retrieve and store access tokens for third-party APIs.

Account linking

If you want to use more than one connection for a user, you can link their accounts. This allows the user to log in with any of their linked accounts and have a single user profile in your application. This allows calling APIs from different providers with a single user profile. Learn more about Client-initiated account linking.

Learn more