Figma OAuth2

Figma login is optional and controlled by FIGMA_AUTH_ENABLED. When disabled, Figma endpoints return 503 Service Unavailable. JWTs are never placed in the redirect URL; the API issues a one-time exchangeCode (Redis, 60 seconds). The same POST /auth/exchange endpoint is shared with other social providers.

• • Feature-flagged via environment
• • Custom passport-oauth2 strategy + FigmaAuthGuard
• • Redirect allowlist prevents open redirects
• • Same token response shape as POST /auth/login

Create an OAuth app under Figma Developer → My apps. Set the redirect URI to match FIGMA_CALLBACK_URL. Request scope current_user:read.

1. Open https://www.figma.com/developers/apps and create a new OAuth app
2. Set the app name and redirect URI (e.g. http://localhost:3000/api/v1/auth/figma/callback)
3. Enable scope current_user:read (required for profile and email via GET /v1/me)
4. Copy Client ID and Client Secret into your .env
5. Ensure FIGMA_CALLBACK_URL matches the redirect URI registered in Figma

Loaded from .env via src/config/figma-oauth.config.ts (namespace figmaOAuth on ConfigService). See .env.example.

FIGMA_AUTH_ENABLED=true
FIGMA_CLIENT_ID=your-figma-client-id
FIGMA_CLIENT_SECRET=your-figma-client-secret
FIGMA_CALLBACK_URL=http://localhost:3000/api/v1/auth/figma/callback
FIGMA_REDIRECT_ALLOWLIST=myapp://success,http://localhost:5173/auth/callback
FIGMA_OAUTH_DEFAULT_ROLES=

New Figma users receive roles: [] by default (same as password register). Set FIGMA_OAUTH_DEFAULT_ROLES in .env to a comma-separated list of Role values (e.g. user or user,manager). Existing users linked by email keep their current roles.

1. Client opens GET /api/v1/auth/figma?redirect=<allowlisted URL>
2. User consents on Figma; browser hits GET /api/v1/auth/figma/callback
3. API upserts user, stores exchangeCode in Redis, redirects to redirect?code=...
4. Client POSTs { code } to /api/v1/auth/exchange and receives JWTs

Typical flow: button starts OAuth in the same window (or popup); a callback route on your frontend origin reads code from the query string and calls exchange.

const API = 'http://localhost:3000/api/v1';
const redirect = encodeURIComponent(
  'http://localhost:5173/auth/callback'
);

// Full-page redirect to Nest → Figma → back to SPA
window.location.href = `${API}/auth/figma?redirect=${redirect}`;

// /auth/callback on the SPA
const params = new URLSearchParams(window.location.search);
const code = params.get('code');
if (!code) throw new Error('Missing exchange code');

const res = await fetch('http://localhost:3000/api/v1/auth/exchange', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({ code }),
});
if (!res.ok) throw new Error(await res.text());

const { user, accessToken, refreshToken } = await res.json();
// persist tokens as your app requires
sessionStorage.setItem('accessToken', accessToken);
console.log('signed in', user.email);

• • Add your frontend callback URL to FIGMA_REDIRECT_ALLOWLIST (e.g. http://localhost:5173/auth/callback)
• • FIGMA_CALLBACK_URL must point at the Nest API, not the SPA
• • Store accessToken / refreshToken securely (memory + httpOnly cookie patterns as you prefer)

Use a custom scheme (or universal link) in the allowlist. After Figma, the API redirects to myapp://success?code=.... The app opens, parses the code, and calls exchange.

import * as Linking from 'expo-linking';
import * as WebBrowser from 'expo-web-browser';

const API = 'https://api.example.com/api/v1';
const redirect = encodeURIComponent('myapp://success');

async function signInWithFigma() {
  const url = `${API}/auth/figma?redirect=${redirect}`;
  await WebBrowser.openAuthSessionAsync(url, 'myapp://success');
}

import * as Linking from 'expo-linking';

async function exchangeFromUrl(url) {
  const { queryParams } = Linking.parse(url);
  const code = queryParams?.code;
  if (!code) return;

  const res = await fetch(`${API}/auth/exchange`, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ code }),
  });
  const data = await res.json();
  // data.accessToken, data.refreshToken, data.user
  return data;
}

Linking.addEventListener('url', ({ url }) => {
  exchangeFromUrl(url);
});

• • Register the scheme in the OS / Expo app.json
• • Prefer Linking.addEventListener('url', ...) and getInitialURL()
• • Exchange over HTTPS against your API base URL

• • Redirect URLs must match FIGMA_REDIRECT_ALLOWLIST prefixes
• • Exchange codes are single-use and expire in 60 seconds (Redis)
• • Existing local users are linked by verified Figma email (figmaId set; roles unchanged)
• • Figma-only users have password null — password login / change-password will fail until a password is set
• • Email is required from GET /v1/me; login fails if Figma does not return an email (scope current_user:read)

Postgres entity / interface fields used by Figma login:

• • figmaId — unique nullable Figma subject ID
• • password — nullable for OAuth-only accounts
• • isActive — set true for new Figma users
• • roles — from FIGMA_OAUTH_DEFAULT_ROLES env (default [])

• Social Authentication hub
• Google OAuth2 guide
• Facebook OAuth2 guide
• X / Twitter OAuth2 guide
• GitHub OAuth2 guide
• LinkedIn OpenID Connect guide
• Slack OpenID Connect guide
• Atlassian OAuth 2.0 (3LO) guide
• GitLab OAuth2 guide
• Bitbucket OAuth2 guide
• Discord OAuth2 guide
• Twitch OAuth2 guide
• Steam OpenID 2.0 guide
• Reddit OAuth2 guide
• Auth & JWT