/ Docs

Figma

Last updated October 13, 2025 · View as Markdown

Figma-Icon.svg Figma is a powerful web-based design tool. It is a UI and UX design application, with excellent design, prototyping, and code-generation tools and helps you create websites, applications, logos, and much more.

In order to integrate Figma with Relyance AI you will need to create an Oauth2 / App Token connection using a Client ID, Client Secret, and Team ID/s.

In Figma:

You will first need to acquire a Client ID and Client Secret in order to create a link in Relyance AI. These steps will help you create them.

  1. Login to your Figma account.
  2. Navigate to: https://www.figma.com/developers/apps
  3. Select Create a new app.

i. App Name: Relyance ii. Website URL: https://www.relyance.ai/ iii. Add Callback URL: https://root.relyance.ai/api/oauth2 iv. Add logo: Relyance Logo for Figma 4. Click Save. 5. You will now be presented with the Client ID and Client Secret. Save these in a safe place, as they will be needed to configure the Figma integration in Relyance.

Figma-1.png

Once you've created your Client ID and Client Secret you can now obtain your Team ID/s.

  1. To obtain a Team ID, navigate to a team page of a team you are a part of. The team id will be present in the URL after the word team and before your team name. Repeat the following for the teams you want:

i. On the left-hand side of the screen, select the Team whose ID you want to get. In this example, we will grab Boutique’s team ID:

Figma-2.png ii. Once you select the team, it will bring you to another page. On this page you can look at the URL in your browser and you will see something along the lines of:

https://www.figma.com/files/team/1122334455667788990011/boutique's-team?fuid=1085323692087523433 iii. Here 1122334455667788990011 will be your team’s ID. Copy this for use in the Figma Team ID/s configuration.

In the Relyance AI application:

  1. Login to your Relyance account.
  2. Navigate to the Settings Menu in the bottom left-hand side.
  3. Select Integrations.
  4. Click on the Vendor Integration tab.
  5. Find the Figma integration card and click it to open its connections.
  6. Under Authentication Method, choose Oauth2 / App Token.
  7. Paste the Client ID, Client Secret, and Team ID/s into their respective fields. Don't include spaces between Team IDs.
  8. Click Authenticate.
  9. At this point, you should see the following result on the Vendor Integrations page:
  10. Congratulations, you are now connected to Figma.

Figma-3.png

Figma-4.png

If the connection reports Connected but returns nothing

These are the ways this integration comes back empty without reporting an error. Generated from the integration catalog, so it tracks what the connection actually asks for.

  1. Authorised, then empty. The connection carries an authorisation, not a password: it stops returning data if the account that granted it loses access, its own permissions narrow, or the grant is revoked at the vendor. None of that reports an error here -- the connection keeps its last status until the next scan.
  2. A credential rotated at the vendor is not picked up here. Client Secret is stored when you save the connection, so regenerating the value at the vendor breaks the next scan until it is re-pasted here. Recording the expiry on the connection means Relyance warns you before it lapses.

Authentication methods and fields

Pick one of these under Authentication Method on the connection wizard's Authentication step. This table is generated from the integration catalog, so it always matches what the form actually asks for.

Method Required Optional
Oauth2 / App Token Client ID, Client Secret (secret), Team IDs delimitated by ;

Manage this integration with Terraform

Connections for this integration can be managed as code with the Relyance Terraform provider. Non-secret fields go in auth.params; secret fields go in auth.secrets_wo, which is write-only — never stored in Terraform state. Rotate secrets by bumping auth.secrets_wo_version.

The OAuth (browser authorization) method uses a browser authorization flow, so the connection is created in the Relyance app. Manage it in Terraform afterwards by importing it (terraform import relyance_integration_connection.example figma/<connection_id>) or reading it with the relyance_integration_connection data source.