# Connecting frame to lovable via API **URL:** \ **Category:** Help\ **Created:** [January 27, 2026, 6:33pm UTC](https://forum.frame.io/t/connecting-frame-to-lovable-via-api/3145 "2026-01-27T18:33:21Z")\ **Posts on this page:** 16\ **Page:** 1
**Author:** ![BenGarton](https://avatars.discourse-cdn.com/v4/letter/b/c57346/32.png) [@BenGarton](https://forum.frame.io/u/BenGarton)\ **Post date:** [January 27, 2026, 6:33pm UTC](https://forum.frame.io/t/connecting-frame-to-lovable-via-api/3145/1 "2026-01-27T18:33:21Z")
Have been trying to connect Lovable via the [Frame.io](http://Frame.io) API. The tokens don’t seem to work, and v4 through Adobe seems to be a nightmare. Am I missing something ---
**Author:** ![CharlieAnderson](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.frame.io/charlieanderson/32/491_2.png) [@CharlieAnderson](https://forum.frame.io/u/CharlieAnderson)\ **Post date:** [January 27, 2026, 6:42pm UTC](https://forum.frame.io/t/connecting-frame-to-lovable-via-api/3145/2 "2026-01-27T18:42:04Z")
hi @BenGarton I’m more than happy to help you navigate our APIs but first I need a lot more info from you to better understand where you are at and what you’re intending to accomplish. Can you explain more about what it is you are trying to build with the V4 APIs with lovable (I assume it’s lovable.dev?)? Can you also list out the steps you’ve taken thus far and where you are getting stuck? Have you searched this forum for other answers from other devs here? Have you taken a look at our [developer docs & guides](https://next.developer.frame.io/platform/v4-experimental/welcome) and used our “Ask AI” feature on the docs at all? More information would be helpful so we can best address the issues and problems you are running into! ![image](https://canada1.discourse-cdn.com/flex035/uploads/frame1/original/1X/3323769d690f39c9d89b8a5a2d602a2e116bdbf7.jpeg) ---
**Author:** ![BenGarton](https://avatars.discourse-cdn.com/v4/letter/b/c57346/32.png) [@BenGarton](https://forum.frame.io/u/BenGarton)\ **Post date:** [January 27, 2026, 6:58pm UTC](https://forum.frame.io/t/connecting-frame-to-lovable-via-api/3145/3 "2026-01-27T18:58:24Z")
## **COMPLETE STEP-BY-STEP BREAKDOWN OF OUR WORK** ### **STAGE 1: Initial Problem Diagnosis** 1. Attempted to display frame projects in a Lovable dashboard application 2. Created a developer token from frame with full API scopes selected 3. Configured the Lovable app’s `FRAMEIO_ACCESS_TOKEN` secret with the token 4. **Result** : Dashboard showed “0 Projects” - “No projects found” message 5. Checked backend logs and discovered `/me/projects` endpoint was returning **404 errors** ### **STAGE 2: Investigated V2 API Limitations** 1. Reviewed the `loadProjects()` function in Projects.tsx which was trying three methods: 2. Searched frame Developer Forum for similar issues 3. **Discovery** : Found that V2 API has fundamental limitations with project listing for certain token/account configurations 4. Determined that **V2 API approach was fundamentally broken** for this use case ### **STAGE 3: Attempted V4 API Setup** 1. Navigated to Adobe Developer Console 2. Found existing project (Project 1) created for frame integration 3. Clicked “+ Add to Project” → Selected “API” 4. Found frame V4 API in the available services list 5. Selected frame API and clicked to configure 6. Entered OAuth configuration: 7. Clicked “Next” to proceed to scopes configuration 8. Reviewed available OAuth scopes (all available by default) 9. Clicked “Save configured API” to finalize setup 10. **FAILURE** : Received error message “API configuration failed. Please try again.” 11. Checked browser console and found **504 upstream timeout errors** from Adobe’s backend 12. Discovered GraphQL mutation error: `workspaceId` variable was null 13. **Conclusion** : Adobe Developer Console infrastructure was experiencing issues - this was not a configuration problem but a backend service failure ### **STAGE 4: Pragmatic Workaround Implementation** 1. Returned to frame directly and logged into the account with the projects 2. Navigated through the project list and manually collected **all 3 project IDs** : 3. Asked Lovable AI to modify the `loadProjects()` function 4. Lovable made code changes to: 5. Lovable deployed the changes to the live application 6. **Verified** : Dashboard now displayed all 3 projects with names and metadata * * * ## However there is no data within this projects and still unable to access the information i require 🙂 ---
**Author:** ![CharlieAnderson](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.frame.io/charlieanderson/32/491_2.png) [@CharlieAnderson](https://forum.frame.io/u/CharlieAnderson)\ **Post date:** [January 27, 2026, 7:03pm UTC](https://forum.frame.io/t/connecting-frame-to-lovable-via-api/3145/4 "2026-01-27T19:03:14Z")
hi @BenGarton this appears to try to use our V2 API which is deprecated in favor of the V4 API. Developer tokens are not supported at this time. Please see our [Getting Started guide](https://next.developer.frame.io/platform/docs/getting-started) and [API reference](https://next.developer.frame.io/platform/api-reference/account-permissions/index) for more info on the V4 APIs. Also you can copy any of the API reference as markdown to paste into any LLM: ![image](https://canada1.discourse-cdn.com/flex035/uploads/frame1/original/1X/5e21f81af3c8f91d2b32459497ed32b19a85def9.jpeg) You can also visit our llms.txt to feed to any LLM: [https://next.developer.frame.io/llms.txt](https://next.developer.frame.io/llms.txt) You will need to set up a project in the Adobe Developer Console and add the V4 API there which will give you the credentials you need to get started. ---
**Author:** ![BenGarton](https://avatars.discourse-cdn.com/v4/letter/b/c57346/32.png) [@BenGarton](https://forum.frame.io/u/BenGarton)\ **Post date:** [January 27, 2026, 7:43pm UTC](https://forum.frame.io/t/connecting-frame-to-lovable-via-api/3145/5 "2026-01-27T19:43:21Z")
Thanks for the help so far- getting somewhere However, there’s a **critical architectural consideration** : The current Lovable app appears to be a frontend application. Should I: **Option A:** Implement a full OAuth login flow where users authenticate with [Frame.io](http://Frame.io) to get an access token, then use that token for all API calls? **Option B:** Look at the [Frame.io](http://Frame.io) V4 API Getting Started guide to see if Charlie’s approach involves something different (like a specific library or SDK)? ---
**Author:** ![CharlieAnderson](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.frame.io/charlieanderson/32/491_2.png) [@CharlieAnderson](https://forum.frame.io/u/CharlieAnderson)\ **Post date:** [January 27, 2026, 10:34pm UTC](https://forum.frame.io/t/connecting-frame-to-lovable-via-api/3145/6 "2026-01-27T22:34:18Z")
You will need to create an OAuth login flow (either single page or web app) via the Adobe Developer Console by adding the [Frame.io](http://Frame.io) API to it in order to get an auth token and then exchange that for an access token. You can start that process here: [Loading... | Adobe Developer Console](https://developer.adobe.com/console/home) We have a typescript sdk that is available on npm: [https://www.npmjs.com/package/frameio](https://www.npmjs.com/package/frameio) ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex035/uploads/frame1/original/1X/fed5c199295a116ce1db9ce1bb8e577a3f7b21c0.png) [@system](https://forum.frame.io/u/system)\ **Post date:** [January 28, 2026, 10:08am UTC](https://forum.frame.io/t/connecting-frame-to-lovable-via-api/3145/7 "2026-01-28T10:08:14Z")
---
**Author:** ![BenGarton](https://avatars.discourse-cdn.com/v4/letter/b/c57346/32.png) [@BenGarton](https://forum.frame.io/u/BenGarton)\ **Post date:** [January 28, 2026, 10:45am UTC](https://forum.frame.io/t/connecting-frame-to-lovable-via-api/3145/8 "2026-01-28T10:45:45Z")
## Hi Charlie - thanks for the help so far! CORE ISSUE **The Frame OAuth login is not working.** When attempting to authenticate via the “Open OAuth login in popup” button, Adobe IMS immediately rejects the request with an `error=invalid_scope` response instead of showing the login screen. This means the app can’t get an access token and users can’t connect their Frame accounts. * * * ## CORE PROBLEM (What we know) 1. **OAuth configuration mismatch** - The code is sending OAuth parameters that don’t match what’s registered in the Adobe Developer Console 2. **Multiple redirect URL versions exist** but only one is configured in Adobe: 3. **Scopes might be mismatched** - Adobe Console shows: `offline_access, additional_info:roles, profile, openid, email` but the code might be requesting different ones 4. **No OAuth requests are being made at all** - The network tab shows zero calls to Adobe IMS, meaning the redirect URL mismatch is likely preventing the request from even being built * * * ## CORE QUESTION WE NEED ANSWERED **What is the correct redirect URI that should be used, and what are the exact scopes that Frame OAuth requires?** Specifically: 1. Should the code use `https://lovable.dev/projects/1032c502-674d-4a6f-a6f5-2c8acfa0f45c` (currently in Adobe Console)? 2. Or should Adobe Console be updated to include the preview and published URLs? 3. What scopes does Frame actually require for OAuth? (The Adobe config shows 5 scopes but we don’t know if they’re correct) 4. Is your guidance about which exact redirect URI and scopes to use available on the forum? ---
**Author:** ![CharlieAnderson](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.frame.io/charlieanderson/32/491_2.png) [@CharlieAnderson](https://forum.frame.io/u/CharlieAnderson)\ **Post date:** [January 28, 2026, 3:36pm UTC](https://forum.frame.io/t/connecting-frame-to-lovable-via-api/3145/9 "2026-01-28T15:36:27Z")
hi @BenGarton all of the scopes listed in the dev console are what is needed to connect to IMS for auth. `error=invalid_scope` means you are not including the scopes in the request in the correct format. Please see the [Adobe Authentication guide](https://developer.adobe.com/developer-console/docs/guides/authentication/UserAuthentication/implementation#oauth-web-app-credential) for more information. There are [sample apps available](https://developer.adobe.com/developer-console/docs/guides/authentication/UserAuthentication/implementation#sample-apps) to help with the exact code. You can add additional redirects in the adobe developer console by adding a comma at the end of the `redirect url pattern` and adding your additional url there: ![image](https://canada1.discourse-cdn.com/flex035/uploads/frame1/original/1X/6a20a47eb5f35a9979a9280aa7a146d30f1019fb.png) ![image](https://canada1.discourse-cdn.com/flex035/uploads/frame1/original/1X/9b0d26484055e1d153ec584b5c07b956d0209af0.png) ---
**Author:** ![system](https://canada1.discourse-cdn.com/flex035/uploads/frame1/original/1X/fed5c199295a116ce1db9ce1bb8e577a3f7b21c0.png) [@system](https://forum.frame.io/u/system)\ **Post date:** [January 28, 2026, 3:37pm UTC](https://forum.frame.io/t/connecting-frame-to-lovable-via-api/3145/10 "2026-01-28T15:37:01Z")
---
**Author:** ![BenGarton](https://avatars.discourse-cdn.com/v4/letter/b/c57346/32.png) [@BenGarton](https://forum.frame.io/u/BenGarton)\ **Post date:** [January 28, 2026, 7:59pm UTC](https://forum.frame.io/t/connecting-frame-to-lovable-via-api/3145/11 "2026-01-28T19:59:18Z")
> [@CharlieAnderson](#): > > sample apps available Hi Charlie, Thanks for your guidance — really appreciate it. We’ve now corrected our redirect configuration in the Adobe Developer Console so it exactly matches our Lovable callback (default redirect + escaped redirect URI pattern). We’re no longer seeing invalid\_scope, and the OAuth flow completes successfully. At the moment, the remaining issue is that Frame’s /v4/me endpoint returns a 401 (“Invalid or missing authorization token”). Our current authorize request is sending a minimal identity scope set (openid profile offline\_access, space-separated and encoded via URLSearchParams). Based on your advice, our next step is to update the authorize request to use **exactly the scopes listed in the Adobe Developer Console for the** frame **API OAuth Web App credential** (rather than the minimal identity set), then reconnect and re-test. Before we do that final redeploy, we just wanted to sanity-check one thing with you: - Is there a recommended or “known-good” scope string for frame via IMS (i.e. exactly as shown in the Console)? - When everything is configured correctly, should we expect the issued access token to include a Frame.io-specific audience or claim that /v4/me relies on? Thanks again for the help ---
**Author:** ![CharlieAnderson](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.frame.io/charlieanderson/32/491_2.png) [@CharlieAnderson](https://forum.frame.io/u/CharlieAnderson)\ **Post date:** [January 28, 2026, 10:35pm UTC](https://forum.frame.io/t/connecting-frame-to-lovable-via-api/3145/12 "2026-01-28T22:35:16Z")
@BenGarton you need to include all scopes when authenticating, as the access token inherits those scopes when you make the call to the V4 API. So if you omit them initially, you will get 401 errors as you will not have the correct permissions. Add all of the scopes that are present in the dev console project when authenticating and you should be good. ---
**Author:** ![BenGarton](https://avatars.discourse-cdn.com/v4/letter/b/c57346/32.png) [@BenGarton](https://forum.frame.io/u/BenGarton)\ **Post date:** [January 29, 2026, 4:04pm UTC](https://forum.frame.io/t/connecting-frame-to-lovable-via-api/3145/13 "2026-01-29T16:04:08Z")
success! Thanks for bearing with Charlie - not a developer so apologies for that ---
**Author:** ![CharlieAnderson](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.frame.io/charlieanderson/32/491_2.png) [@CharlieAnderson](https://forum.frame.io/u/CharlieAnderson)\ **Post date:** [January 29, 2026, 5:10pm UTC](https://forum.frame.io/t/connecting-frame-to-lovable-via-api/3145/14 "2026-01-29T17:10:51Z")
All good! Happy to help! ---
**Author:** ![BenGarton](https://avatars.discourse-cdn.com/v4/letter/b/c57346/32.png) [@BenGarton](https://forum.frame.io/u/BenGarton)\ **Post date:** [January 30, 2026, 5:39pm UTC](https://forum.frame.io/t/connecting-frame-to-lovable-via-api/3145/15 "2026-01-30T17:39:34Z")
Have another question in the pursuit of an API connection for analytics purposes: We have successfully connected to projects, folders, and assets. However, we’ve hit a blocker with **comments**. **Current situation:** - Adobe IMS OAuth flow works correctly (token length ~1243, valid JWT) - V4 endpoints (/v4/accounts, /v4/me, folder children) return 200 OK - V2 comments endpoint (/v2/assets/{asset\_id}/comments) returns **401 Unauthorized** **Questions:** 1. **Can Adobe IMS tokens access V2 API endpoints?** Specifically the comments endpoint at GET /v2/assets/{id}/comments? 2. **Is there a V4 comments endpoint available or planned?** We couldn’t find one in the current V4 API reference. 3. **If comments require V2 OAuth** , is there a recommended approach for apps that need both V4 (Adobe IMS) and V2 (legacy frame OAuth) access? Our use case requires fetching all comments on assets for analytics (reviewer patterns, feedback timing, etc.). Thanks for any guidance! ---
**Author:** ![CharlieAnderson](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.frame.io/charlieanderson/32/491_2.png) [@CharlieAnderson](https://forum.frame.io/u/CharlieAnderson)\ **Post date:** [January 30, 2026, 10:01pm UTC](https://forum.frame.io/t/connecting-frame-to-lovable-via-api/3145/16 "2026-01-30T22:01:26Z")
Hi @BenGarton you cannot mix V2 and V4 API calls, they are separate platforms. You can tell lovable to ignore any reference to /v2/ as it will not work for V4 as it will confuse the LLM. See our API reference on our dev guides for all of our comment endpoints: [Show comment | Frame.io API Documentation](https://next.developer.frame.io/platform/api-reference/comments/show) Also please point lovable to this url, it should give it all the context it needs: [https://next.developer.frame.io/llms.txt](https://next.developer.frame.io/llms.txt)