eyJyZWNpcGUiOnsib3B0aW9ucyI6eyJhdXRob3JpemF0aW9uVVJMIjoiaHR0cHM6Ly93d3cuZmlnbWEuY29tL29hdXRoIiwidG9rZW5VUkwiOiJodHRwczovL3d3dy5maWdtYS5jb20vYXBpL29hdXRoL3Rva2VuIiwic2NyaXB0cyI6eyJmZXRjaFVzZXJQcm9maWxlIjoiZnVuY3Rpb24gZmV0Y2hVc2VyUHJvZmlsZShhY2Nlc3NUb2tlbiwgY29udGV4dCwgY2FsbGJhY2spIHtcbiAgcmVxdWVzdC5nZXQoe1xuICAgIHVybDogJ2h0dHBzOi8vYXBpLmZpZ21hLmNvbS92MS9tZScsXG4gICAgaGVhZGVyczoge1xuICAgICAgJ0F1dGhvcml6YXRpb24nOiAnQmVhcmVyICcgKyBhY2Nlc3NUb2tlbixcbiAgICB9XG4gIH0sXG4gIChlcnIsIHJlc3AsIGJvZHkpID0+IHtcbiAgICBpZiAoZXJyKSB7XG4gICAgICByZXR1cm4gY2FsbGJhY2soZXJyKTtcbiAgICB9XG5cbiAgICBpZiAocmVzcC5zdGF0dXNDb2RlICE9PSAyMDApIHtcbiAgICAgIHJldHVybiBjYWxsYmFjayhuZXcgRXJyb3IoYFtSZXNwb25zZSBjb2RlOiAke3Jlc3Auc3RhdHVzQ29kZX1dICR7Ym9keX1gKSk7XG4gICAgfVxuXG4gICAgbGV0IGJvZHlQYXJzZWQ7XG4gICAgdHJ5IHtcbiAgICAgIGJvZHlQYXJzZWQgPSBKU09OLnBhcnNlKGJvZHkpO1xuICAgIH0gY2F0Y2ggKGpzb25FcnJvcikge1xuICAgICAgcmV0dXJuIGNhbGxiYWNrKG5ldyBFcnJvcihib2R5KSk7XG4gICAgfVxuXG4gICAgYm9keVBhcnNlZC51c2VyX2lkID0gYm9keVBhcnNlZC5pZDtcbiAgICBib2R5UGFyc2VkLm5hbWUgPSBib2R5UGFyc2VkLmhhbmRsZTtcbiAgICByZXR1cm4gY2FsbGJhY2sobnVsbCwgYm9keVBhcnNlZCk7XG4gIH0pO1xufSJ9fX0sInN1cHBvcnRfbGV2ZWwiOiJjb21tdW5pdHkiLCJtZXRhX3RpdGxlIjoiRmlnbWEgSW50ZWdyYXRpb24gd2l0aCBBdXRoMCIsIm1ldGFfZGVzY3JpcHRpb24iOiJGaWdtYSAtIEFsbG93IHVzZXJzIHRvIHF1aWNrbHkgbG9nIGludG8gRmlnbWEsIHRoZSBsZWFkaW5nIHByb3RvdHlwaW5nIHRvb2wiLCJmb3JtX2ZpZWxkcyI6W3sibmFtZSI6ImNsaWVudF9pZCIsImxhYmVsIjoiQ2xpZW50IElEIiwiZGF0YVR5cGUiOiJzdHJpbmciLCJyZXF1aXJlZCI6dHJ1ZX0seyJuYW1lIjoiY2xpZW50X3NlY3JldCIsImxhYmVsIjoiQ2xpZW50IFNlY3JldCIsImRhdGFUeXBlIjoic3RyaW5nIiwicmVxdWlyZWQiOnRydWV9LHsibmFtZSI6InBlcm1pc3Npb25zIiwibGFiZWwiOiJQZXJtaXNzaW9ucyIsImRhdGFUeXBlIjoiY2hlY2tib3hHcm91cCIsImNoZWNrYm94ZXMiOlt7ImtleSI6ImZpbGVfcmVhZCIsIm5hbWUiOiJGaWxlIHJlYWQiLCJyZXF1aXJlZCI6dHJ1ZSwiZGVmYXVsdFZhbHVlIjp0cnVlfV19XX0=

Figma, the leading prototyping platform connects thousands of developers and designers together and can help manage user identity as well for your app.

<p>The Figma social connection allows users to log in to your application using their Figma profile.</p>
<p>By default, Auth0 automatically syncs user profile data with each user login, thereby ensuring that changes made in the connection source are automatically updated in Auth0. Optionally, you can <a href="https://auth0.com/docs/users/configure-connection-sync-with-auth0">disable user profile data synchronization</a> to allow for updating profile attributes from your application.</p>


<h2 id="prerequisites">Prerequisites</h2>
<p>Before you begin, <a href="https://www.figma.com/login">sign up for a Figma Developer account</a>.</p>


<h2 id="set-up-app-in-figma">Set up app in Figma</h2>
<p>Set up an app using Figma&#39;s <a href="https://www.figma.com/developers/api#register-oauth2">Register an Application</a> documentation. During this process, Figma will generate a <strong>Client ID</strong> and <strong>Client Secret</strong> for your application; make note of these.</p>
<p>While setting up your app, use the following settings:</p>
<table class="table"><thead><tr><th>Field</th><th>Value to Provide</th></tr></thead><tbody><tr><td>Callback</td><td><code>https://YOUR_DOMAIN/login/callback</code></td></tr></tbody></table>

<h3 id="find-your-auth0-domain-name">Find your Auth0 domain name</h3>
<p>If your Auth0 domain name is not shown above and you are not using our custom domains feature, your domain name is your tenant name, your regional subdomain (unless your tenant is in the US region and was created before June 2020), plus<code>.auth0.com</code>. For example, if your tenant name were <code>exampleco-enterprises</code>, your Auth0 domain name would be <code>exampleco-enterprises.us.auth0.com</code> and your callback would be <code>https://exampleco-enterprises.us.auth0.com/login/callback</code>. (If your tenant is in the US and was created before June 2020, then your domain name would be <code>https://exampleco-enterprises.auth0.com</code>.)</p>
<p>If you are using <a href="https://auth0.com/docs/custom-domains">custom domains</a>, your callback URL will have the following format: <code>https://&lt;YOUR CUSTOM DOMAIN&gt;/login/callback</code>.</p>


<h2 id="test-connection">Test connection</h2>
<p>You&#39;re ready to <a href="https://auth0.com/docs/dashboard/guides/connections/test-connections-social">test your connection</a>.</p>


Figma - Allow users to quickly log into Figma, the leading prototyping tool

Figma Integration with Auth0

Figma

Allow users to quickly log into Figma, the leading prototyping tool