Sight AIDocs

Framer Integration

Sync AI-generated articles to your Framer CMS using the Framer plugin.

Overview

The Framer integration uses a Framer plugin to sync articles from Sight AI to your Framer CMS collections. The plugin handles authentication and content syncing seamlessly.

Requirements

  • Framer account – With CMS capabilities
  • CMS collection – A collection set up for blog posts
  • Framer Desktop or Web – To install and use the plugin

Setup Instructions

Step 1: Install the Framer Plugin

  1. Open your Framer project
  2. Go to Plugins (puzzle piece icon)
  3. Search for "Sight AI" or "IndexPilot"
  4. Click Install

Alternatively, you can install from the Framer Plugin directory or use the direct link provided in Sight AI under Integrations → Framer.

Step 2: Authenticate the Plugin

  1. Open the Sight AI plugin in Framer
  2. Click "Connect to Sight AI"
  3. Sign in with your Sight AI credentials
  4. Select the site you want to connect
  5. Authorize the connection

Step 3: Configure CMS Collection

  1. Select the CMS Collection for your blog
  2. Map Sight AI fields to your Framer fields:
    • Title → Title field
    • Content → Rich text/body field
    • Featured Image → Image field
    • Slug → Slug field
  3. Save the configuration

Using the Plugin

Syncing Articles

To sync articles from Sight AI:

  1. Open the Sight AI plugin in Framer
  2. You'll see a list of available articles from your Sight AI site
  3. Click "Sync" next to an article to add it to your CMS
  4. The article will be created in your selected collection

Bulk Sync

Sync multiple articles at once:

  1. Select multiple articles using checkboxes
  2. Click "Sync Selected"
  3. All selected articles will be added to your CMS

What Gets Synced

  • Title – Article title
  • Content – Full rich text content
  • Featured Image – Main article image
  • In-Body Images – Images within the content
  • Slug – URL slug
  • Meta Description – If you have a summary field

Recommended Collection Structure

For best results, your Framer CMS collection should include:

  • Title – Text field
  • Slug – Slug field
  • Content/Body – Rich text field
  • Featured Image – Image field
  • Summary – Text field (optional)
  • Published Date – Date field (optional)

Publishing to Your Site

After syncing articles to your Framer CMS:

  1. Review the synced articles in your CMS
  2. Make any final edits if needed
  3. Publish your Framer site to make articles live

Troubleshooting

Plugin Not Showing Articles

  • Ensure you're signed in to the plugin
  • Check that the correct site is selected
  • Verify you have articles in Sight AI
  • Try refreshing the plugin

Sync Failed

  • Check your CMS collection field mappings
  • Ensure required fields are configured
  • Verify the collection has the right field types
  • Try disconnecting and reconnecting

Images Not Appearing

  • Check that image fields are properly mapped
  • Ensure your Framer plan supports CMS images
  • Try re-syncing the article

Disconnecting

To disconnect the integration:

  1. Open the Sight AI plugin in Framer
  2. Click Settings (gear icon)
  3. Click "Disconnect"
  4. Confirm the disconnection

Next Steps