Framer CMS API access requires a Framer Pro plan or higher.
Before you start
- Admin access to the Framer project.
- A CMS collection created inside the project.
Generate an API key
- In Framer, open your project.
- Click the project name (top-left) and open Settings.
- Open the API tab.
- Click Generate API key.
- Grant CMS write scope.
- Copy the key. Framer shows it only once.
Copy your project URL and collection ID
- Project URL is the
framer.comURL of the project. - Collection ID is shown when you select a CMS collection in the Framer editor — copy it from the URL or the collection settings panel.
Match field names
Default fields are:titlebody
Connect in TPC
- Open Settings → Integrations in your TPC product workspace.
- Select Framer.
- Enter API key, project URL, collection ID, and any custom field slugs.
- Click Save, then Test connection.