> ## Documentation Index
> Fetch the complete documentation index at: https://docs.usenotra.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Framer

> Import Notra content into Framer with the Notra marketplace plugin.

This guide shows how to connect Notra to [Framer](https://www.framer.com/) and pull your content into a Framer site with the official Notra plugin.

## Prerequisites

* Access to a Framer project.
* A Notra API key with read access to posts.
* Posts in Notra that you want to import.

## Install

### Framer Marketplace

Install the official Notra plugin from the [Framer Marketplace](https://www.framer.com/marketplace/plugins/notra/).

### Inside Framer

1. Open your Framer project.
2. Open **Assets** > **Plugins**.
3. Search for `Notra`.
4. Click **Install**.

## Connect Notra to Framer

1. In Notra, go to **Developer** > **API Keys**.
2. Create a new API key with **Read** access for posts.

<img src="https://mintcdn.com/notra/61y0WT4n5c9L1YWx/images/api/api-keys-light.webp?fit=max&auto=format&n=61y0WT4n5c9L1YWx&q=85&s=1fa24983d8adeb0523097591b1e698a5" alt="API Keys page, create a read-only key for Framer" className="block dark:hidden" width="2284" height="1518" data-path="images/api/api-keys-light.webp" />

<img src="https://mintcdn.com/notra/61y0WT4n5c9L1YWx/images/api/api-keys-dark.webp?fit=max&auto=format&n=61y0WT4n5c9L1YWx&q=85&s=3be3c3f0863ee159b243b13264fefb39" alt="API Keys page, create a read-only key for Framer" className="hidden dark:block" width="2284" height="1518" data-path="images/api/api-keys-dark.webp" />

3. Open the Notra plugin in Framer.
4. Paste your API key when prompted.
5. Browse your posts in the plugin and choose which ones to pull into your Framer site.