Figma

Figma 提供者的设置与使用。

获取凭证

  1. 登录您的 Figma 账户,进入 开发者应用页面
  2. 点击“创建新应用”
  3. 填写应用详情(名称、描述等)
  4. 配置重定向 URI(例如:https://yourdomain.com/api/auth/callback/figma)
  5. 记录您的客户端 ID 和客户端密钥

默认作用域为 current_user:read。如需其他作用域(如 file_content:read),请参考 Figma OAuth 作用域文档。

请确保将重定向 URI 设置为与应用程序回调 URL 匹配。如果更改了认证路由的基本路径,请相应地更新重定向 URI。

配置提供者

要配置提供者,您需要导入该提供者,并将其传递给认证实例的 socialProviders 选项。

auth.ts
import { betterAuth } from "better-auth"

export const auth = betterAuth({
    socialProviders: {
        figma: { 
            clientId: process.env.FIGMA_CLIENT_ID as string, 
            clientSecret: process.env.FIGMA_CLIENT_SECRET as string, 
        }, 
    },
})

使用 Figma 登录

要使用 Figma 登录,您可以使用客户端提供的 signIn.social 函数。signIn 函数接收一个包含以下属性的对象:

  • provider:要使用的提供者,应设置为 figma。
auth-client.ts
import { createAuthClient } from "better-auth/client"
const authClient =  createAuthClient()

const signIn = async () => {
    const data = await authClient.signIn.social({
        provider: "figma"
    })
}

有关 Figma 作用域和 API 功能的更多信息,请参考 官方 Figma API 文档。