Figma OAuth2

O login Figma é opcional e controlado por FIGMA_AUTH_ENABLED. Quando desligado, os endpoints Figma respondem 503 Service Unavailable. JWTs nunca vão na URL de redirect; a API emite um exchangeCode de uso único (Redis, 60 segundos). O mesmo POST /auth/exchange é compartilhado com os demais provedores sociais.

• • Ativado por feature flag no ambiente
• • Strategy passport-oauth2 customizada + FigmaAuthGuard
• • Allowlist de redirect evita open redirects
• • Mesmo formato de tokens do POST /auth/login

Crie um app OAuth em Figma Developer → My apps. Defina o redirect URI igual a FIGMA_CALLBACK_URL. Solicite o scope current_user:read.

1. Abra https://www.figma.com/developers/apps e crie um novo OAuth app
2. Defina o nome do app e o redirect URI (ex.: http://localhost:3000/api/v1/auth/figma/callback)
3. Ative o scope current_user:read (necessário para perfil e e-mail via GET /v1/me)
4. Copie Client ID e Client Secret para o .env
5. Garanta que FIGMA_CALLBACK_URL corresponda ao redirect URI registrado no Figma

Carregadas do .env via src/config/figma-oauth.config.ts (namespace figmaOAuth no ConfigService). Veja .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=

Novos usuários Figma recebem roles: [] por padrão (igual ao register). Defina FIGMA_OAUTH_DEFAULT_ROLES no .env como lista separada por vírgula (ex.: user ou user,manager). Usuários existentes vinculados por e-mail mantêm as roles atuais.

1. Cliente abre GET /api/v1/auth/figma?redirect=<URL na allowlist>
2. Usuário consente no Figma; o browser chama GET /api/v1/auth/figma/callback
3. API faz upsert do usuário, grava exchangeCode no Redis e redireciona para redirect?code=...
4. Cliente faz POST { code } em /api/v1/auth/exchange e recebe os JWTs

Fluxo típico: o botão inicia OAuth na mesma janela (ou popup); a rota de callback no frontend lê code da query e chama exchange.

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

// Redirect de página inteira: Nest → Figma → de volta à SPA
window.location.href = `${API}/auth/figma?redirect=${redirect}`;

// /auth/callback na 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();
// persista os tokens como sua app exigir
sessionStorage.setItem('accessToken', accessToken);
console.log('signed in', user.email);

• • Inclua a URL de callback do frontend em FIGMA_REDIRECT_ALLOWLIST (ex.: http://localhost:5173/auth/callback)
• • FIGMA_CALLBACK_URL aponta para a API Nest, não para a SPA
• • Armazene accessToken / refreshToken com segurança

Use um scheme customizado (ou universal link) na allowlist. Após o Figma, a API redireciona para myapp://success?code=.... O app abre, lê o código e chama 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);
});

• • Registre o scheme no SO / Expo app.json
• • Prefira Linking.addEventListener('url', ...) e getInitialURL()
• • Faça o exchange via HTTPS na base URL da API

• • URLs de redirect devem casar com prefixos de FIGMA_REDIRECT_ALLOWLIST
• • Códigos de exchange são de uso único e expiram em 60 segundos (Redis)
• • Usuários locais existentes são vinculados pelo e-mail verificado do Figma (figmaId; roles inalteradas)
• • Usuários só-Figma têm password null — login/change-password com senha falham até haver senha
• • E-mail é obrigatório via GET /v1/me; o login falha se o Figma não devolver e-mail (scope current_user:read)

Campos da entity/interface usados pelo login Figma:

• • figmaId — ID Figma único e nullable
• • password — nullable para contas só OAuth
• • isActive — true para novos usuários Figma
• • roles — de FIGMA_OAUTH_DEFAULT_ROLES no env (padrão [])

• Hub de Autenticação Social
• Guia Google OAuth2
• Guia Facebook OAuth2
• Guia X / Twitter OAuth2
• Guia GitHub OAuth2
• Guia LinkedIn OpenID Connect
• Guia Slack OpenID Connect
• Guia Atlassian OAuth 2.0 (3LO)
• Guia GitLab OAuth2
• Guia Bitbucket OAuth2
• Guia Discord OAuth2
• Guia Twitch OAuth2
• Guia Steam OpenID 2.0
• Guia Reddit OAuth2
• Auth & JWT