kitful.aiKitful
Integrations

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

  1. Open your project in Framer.
  2. Open Site Settings (⌘ + K → "Open Settings").
  3. Go to GeneralAPI Keys.
  4. Click Create Server API Key.
  5. Copy the key — you will paste it during setup.

Install the Kitful plugin

  1. Open the Framer plugin marketplace.
  2. Search for Kitful and install it.
  3. Open the plugin inside your Framer project.

Connect Framer to Kitful

  1. Open the Kitful plugin in Framer.
  2. Click Connect Kitful.
  3. Sign in to Kitful if prompted.
  4. Choose the workspace you want to connect.
  5. Paste your Framer Project Link (the URL from your browser when the project is open).
  6. Paste the Server API Key you created earlier.
  7. 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.

  1. Open an article in Kitful.
  2. Click Publish.
  3. Choose your Framer integration.
  4. Confirm the publish.

The article appears in a Framer CMS collection called Kitful Posts.

Use Framer with Autoblog

  1. Open Autoblog in your Kitful workspace.
  2. Create a campaign or edit an existing one.
  3. Choose your Framer integration in Campaign Configuration.
  4. Save or launch the campaign.

Use Framer with scheduled publishing

  1. Open an article in Kitful.
  2. Click Schedule.
  3. Choose your Framer integration and pick a date and time.
  4. 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:

FieldDescription
TitleArticle title
SlugURL-friendly slug
ExcerptShort summary
ContentFull HTML content
Featured ImageImage URL
Meta TitleSEO title
Meta DescriptionSEO description
Canonical URLOriginal source URL
LanguageArticle language
Created AtCreation date
Updated AtLast update date
StatusArticle 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:

ActionWhat it does
Plugin DisconnectClears the saved connection on your device only. The integration in Kitful stays active.
Kitful dashboard DeletePermanently 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 SettingsGeneralAPI 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.

On this page