Figma API to Bubble API connector is not working

Hi Everyone,

I’m trying to connect Figma with Bubble’s API Connector. However, I keep getting the following error when making the initialize call:

Details:

  • I have provided the Figma personal access token and the correct Figma file ID.
  • The file I’m using is a free Figma community template.
  • I have confirmed that I have edit access to this file.
  • Despite all this, the API call fails with this error.

Could anyone help me understand why this might be happening and how to fix it? Any insights on API token scopes, permissions, or best practices when connecting Figma with Bubble would be appreciated.

Thanks in advance!

Can you share your API Connector settings?

1 Like

@Jici Sure here it is:

403 is authorization error. Please share screenshot of the auth part

1 Like

@Jici I haven’t Implemented auth part yet. I am just trying to connect with figma but no luck.

The error you’re seeing is because you aren’t authorising yet. Almost every call will need this to work. Not exactly sure of the format with figma, but it’ll be header along the lines of:

Authorization: Bearer **token**

You need to read all documentation first. Without authorization, you will not be able to connect Figma API

In this case, and not like @ed19 (he probable didn’t read documentation too :stuck_out_tongue: ) you need to use X-Figma-Token (goes in header) instead of Authorization and the value set to youraccesstoken instead of Bearer.

X-Figma-Token: Youraccesstoken

I most certainly did not!

1 Like

@Jici When you say authorization which part you have refereeing to. I have also gone through the figma design still got confused. I believe i have followed every steps but still not getting to the conclusion.

Follow the link and instruction to get you api key

1 Like

@Jici thank you so much it works like a charm.

1 Like

This topic was automatically closed after 14 days. New replies are no longer allowed.