Framer
Connect Kitful to a Framer project and publish articles straight into Framer CMS.
Use the Framer integration when you want Kitful to publish articles directly into your Framer project's CMS.
What you need
- A Framer project (any plan that supports CMS)
- The Kitful plugin installed in Framer
- A Framer Server API key for the project
- A Kitful workspace with at least one article
Create a Server API key in Framer
- Open your project in Framer.
- Open Site Settings (
⌘ + K→ "Open Settings"). - Go to General → API Keys.
- Click Create Server API Key.
- Copy the key — you will paste it during setup.
Install the Kitful plugin
- Open the Framer plugin marketplace.
- Search for Kitful and install it.
- Open the plugin inside your Framer project.
Connect Framer to Kitful
- Open the Kitful plugin in Framer.
- Click Connect Kitful.
- Sign in to Kitful if prompted.
- Choose the workspace you want to connect.
- Paste your Framer Project Link (the URL from your browser when the project is open).
- Paste the Server API Key you created earlier.
- Click Connect Workspace.
After a successful connection, the plugin will save the workspace locally so it reconnects automatically next time you open the project.
Publish an article
All publishing happens from the Kitful dashboard — not the plugin.
- Open an article in Kitful.
- Click Publish.
- Choose your Framer integration.
- Confirm the publish.
The article appears in a Framer CMS collection called Kitful Posts.
Use Framer with Autoblog
- Open Autoblog in your Kitful workspace.
- Create a campaign or edit an existing one.
- Choose your Framer integration in Campaign Configuration.
- Save or launch the campaign.
Use Framer with scheduled publishing
- Open an article in Kitful.
- Click Schedule.
- Choose your Framer integration and pick a date and time.
- Save the schedule.
Kitful will publish the article to your Framer CMS at the scheduled time.
What gets published
Each article is published with the following fields:
| Field | Description |
|---|---|
| Title | Article title |
| Slug | URL-friendly slug |
| Excerpt | Short summary |
| Content | Full HTML content |
| Featured Image | Image URL |
| Meta Title | SEO title |
| Meta Description | SEO description |
| Canonical URL | Original source URL |
| Language | Article language |
| Created At | Creation date |
| Updated At | Last update date |
| Status | Article status |
If any of these fields are missing from the CMS collection, Kitful adds them automatically during the first publish.
The Kitful Posts collection
Kitful publishes into a regular Framer CMS collection called Kitful Posts.
- If the collection does not exist yet, Kitful creates it on the first publish.
- If the collection is deleted in Framer, Kitful recreates it on the next publish.
- The collection appears under the normal Collections section in Framer, just like any other CMS collection.
Disconnecting
There are two ways to disconnect:
| Action | What it does |
|---|---|
| Plugin Disconnect | Clears the saved connection on your device only. The integration in Kitful stays active. |
| Kitful dashboard Delete | Permanently removes the Framer integration from Kitful. The plugin will reset itself next time it loads. |
Troubleshooting
The plugin asks me to reconnect
- The saved connection on this device was cleared — reconnect from the plugin.
- The integration was removed in the Kitful dashboard — reconnect from the plugin.
- You want to switch to a different Kitful workspace — reconnect from the plugin.
Published articles are not appearing in Framer
- Check that the Framer integration is still enabled in your Kitful workspace under Integrations.
- Confirm the Server API key is valid — if it was regenerated in Framer, update it in Kitful.
- Try publishing the article again from the Kitful dashboard.
The Kitful Posts collection was deleted in Framer
Publish any article again from Kitful. Kitful will find or recreate the Kitful Posts collection automatically.
Server API key errors
- Open Site Settings → General → API Keys in Framer.
- Create a new Server API key if the old one was revoked.
- Update the key in Kitful by reconnecting through the plugin, or editing the integration in the dashboard.