Click Settings from the left side panel.

If you're in the Figma Desktop App, right-click the file's tab to Copy link and paste it in a browser's address bar to view and copy the file ID.

Copy the file's ID from your browser's address bar.

Open the Figma file you want to import.

To find and copy the ID of the Figma file you want to import: The file ID is the string of random alphanumeric characters found in the section of the URL after /file/. This is your Figma API key.Įach Figma file has a unique URL containing its ID.

Under Personal Access Tokens, click Create a new personal access token.

Click your name at the top left and go to the Settings tab.To add a Figma API key in Bubble, you will need to generate a Personal Access Token in Figma. To import a Figma file to Bubble, you'll need: This integration can only access the specific files you tell it to, and will not make any changes to those files in Figma. This is so Bubble can access the Figma file you specify and see all its contents. The import tool exists in the Bubble editor and will ask for your Figma API Key. Tip! For more information about how the import works, known limitations, and tips for setting up your Figma file for best results with this import, visit the Bubble Manual.

What is bubble app builder