Framer

Publish your AI blog straight into Framer. Approved in VibeSEO, synced to your Framer CMS.

Install the VibeSEO plugin in Framer, point it at your blog, and approved articles sync into a Framer CMS collection — body, SEO meta, and images included. Design the blog template once in Framer; VibeSEO keeps the content flowing.

What you get

Native Framer CMS

Posts become real CMS items in a managed collection, so your Framer design system renders them exactly like hand-built pages.

One key, revocable

Connect with a read-only API key you generate in VibeSEO and can revoke any time. No OAuth, no plugin account — it reads only your published posts.

Images & SEO included

The hero image, SEO title and meta description, and publish dates all map to collection fields, ready for your template.

Idempotent sync

Re-sync any time: existing items update in place and removed articles are pruned. No duplicates, no drift.

You approve every post

Only articles you approve in VibeSEO are eligible to sync. Drafts and ideas never leave VibeSEO.

Your design stays yours

The plugin only writes a content collection; it never touches your layout or pages. Uninstall is non-destructive.

From research to indexed pages

VibeSEO keeps the human approval step, then handles the public surface search engines expect.

  1. Install

    Add the plugin

    Add the VibeSEO plugin to your Framer project from the Marketplace. It runs inside the Framer editor — no code, no theme changes.

  2. Connect

    One API key

    Generate a read-only API key in VibeSEO, open the plugin in Framer, and paste it. That is the whole setup — no OAuth, no plugin account.

  3. Approve

    You decide what ships

    VibeSEO drafts SEO-ready articles from your market and keywords. Review, edit, or reject — nothing syncs until you approve it.

  4. Sync

    Into native CMS fields

    Approved posts land in a Framer CMS collection — title, body, SEO meta, hero image, and publish date mapped to fields.

  5. Design once

    Your layout, your blog

    Build your blog index and post template in Framer with your own design. New articles flow into the same collection automatically.

Set up your blog in Framer — step by step

The plugin fills a Framer CMS collection with your posts. You build the blog pages around it once, the standard Framer way — about ten minutes, no code. New to Framer? Follow these exactly.

  1. Install and open the plugin

    In your Framer project, open the Marketplace, add the VibeSEO plugin, and open it. Framer will ask you to create a CMS collection for it to manage — accept.

  2. Connect your blog and sync

    In VibeSEO → Settings → Publishing → Framer, generate an API key and copy it. In the plugin, paste it and click Sync to Framer. Your published posts land in the collection as items — Title, Body, Hero Image, Meta, and Published Date.

  3. Create the post page

    Open the Pages panel, click +, choose New CMS Page, and pick the VibeSEO collection. Framer creates one template page that gives every post its own URL automatically (e.g. /blog/your-post-slug).

  4. Design the post page

    On that template, add a layer for each field and bind it — select the layer, then click the link icon next to the property and choose the field:

    • Text layer → Title
    • Rich Text element → Body (the full article)
    • Image → Hero Image
    • Optional: Published Date, Meta Description
  5. Make the list clickable

    On your blog index page, add a Collection List (Insert → CMS) bound to the collection so it shows all posts. Select one card, then under Link choose “Link to → [collection] Page”. Now every card opens its own post. Preview ▶ to test.

  6. Wire up SEO

    On the post template, open Page Settings and bind the SEO title to Meta Title and the description to Meta Description. That is what search engines index for each post.

  7. Publish

    Hit Publish in Framer. New articles you approve in VibeSEO appear on the next sync — Framer re-syncs in the background, so the blog stays current without rebuilding anything.

Common questions

Where do I get the plugin?

Install it free from the Framer Marketplace, open it inside your Framer project, and paste the API key from VibeSEO → Settings → Publishing to connect.

Will it change my Framer design?

No. The plugin only fills a CMS collection. You build the index and post template once with your own design; articles render through it exactly like pages you build by hand.

Is the sync automatic?

You trigger a sync from the plugin, and Framer re-runs it in the background when your site syncs. New approved articles appear in the collection; re-syncing updates existing ones and removes deleted posts.

Do drafts get synced?

No. Only articles you approve — or publish — in VibeSEO are eligible. Drafts and ideas stay in VibeSEO.

What about SEO meta?

Each post carries an SEO title and meta description as collection fields. Bind them in your Framer Page Settings once in the template and every post inherits them — and set the social-share image from the hero image there too.

Can I keep my hosted VibeSEO blog too?

Yes. The hosted blog stays your canonical copy; the Framer collection is an additional surface. A canonical-URL field points search engines at one source.

Put your AI blog inside Framer.

Start free, install the plugin, and sync SEO-ready articles into your Framer CMS the moment you approve them.

Start free