Skip to main content

Figma

Figma is a collaborative interface design tool that enables teams to create, test, and ship designs from start to finish.

Authentication Types​

Figma supports 4 authentication methods:

  • OAuth - Create your own Figma OAuth app, define the scopes (permissions), and have full control. Every user connects with their specific permissions, and you can see who made each call.

    • Pros: Full control, per-user tracking, production-ready
    • Cons: ~2 min setup

  • Instant OAuth - Use Webrix's pre-configured Figma app for the fastest setup.

    • Pros: Fastest setup, no configuration needed
    • Cons: Not recommended for production

  • API Key - A single API key used for all users.

    • Pros: Easy setup
    • Cons: Less secure, no per-user tracking

  • API Key Per User - Every user generates and uses their own personal access token.

    • Pros: Per-user tracking, good for specific use cases
    • Cons: Requires each user to generate their own token

Setting up OAuth​

  1. Go to https://www.figma.com/developers/apps

  1. Click + Create a new app

  2. Give your app a name and click Create App

  1. Copy the Client ID and Client Secret

  1. In Webrix, paste the Client ID and Client Secret

  2. Click Done in Figma

  3. Copy the Redirect URL from Webrix

  4. In Figma, go to the OAuth Credentials tab

  5. Click Add redirect URL and paste the Redirect URL from Webrix

  1. Go to the OAuth Scopes tab and select the scopes you want

  1. In Webrix, add the exact same scopes you selected in Figma

  2. In Webrix, click Save Changes

Generating an API Key​

  1. Go to figma.com

  2. In the top left, click on your name

  3. Go to Settings

  1. Navigate to the Security tab

  2. Under Personal access tokens, click Generate new token

  1. Choose the scopes for the token
  1. Copy the token and paste it into Webrix