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

# Set up the connector

> Add the Framerfy connector to Claude, sign in, and connect the Framer project Claude should build in.

Setup takes about 5 minutes: add the connector to Claude, sign in with Framerfy, and connect a Framer project.

## Before you start

* **A Framerfy account with your Shopify store added.** If you haven't done that, follow steps 1 to 5 of [Getting Started](https://docs.framerfy.ae/shopify-integration/getting-started.md).
* **A Framer project you can edit**, usually a template you've remixed. Claude only works in projects you connect.
* **A Claude plan that allows custom connectors.** This works in Claude on the web and desktop, and in Claude Code.

## Step 1: Add the connector to Claude

The connector URL is:

```
https://mcp.framerfy.ae/mcp
```

> [tab] Claude (web and desktop)
>
> 1. In Claude, open **Settings → Connectors**.
> 2. Click **Add custom connector**.
> 3. Name it **Framerfy** and paste the URL above.
> 4. Click **Add**, then **Connect**. Claude opens a Framerfy sign-in page.

> [tab] Claude Code
>
> 1. In a terminal, run:
>    ```bash theme={null}
>    claude mcp add --transport http framerfy https://mcp.framerfy.ae/mcp
>    ```
> 2. Start Claude Code, type `/mcp`, choose **framerfy** and **Authenticate**. Your browser opens a Framerfy sign-in page.

You'll also find the URL and the Claude Code command on the **MCP** page of [admin.framerfy.ae](https://admin.framerfy.ae), with a copy button.

## Step 2: Sign in and allow access

1. Sign in with your Framerfy email.
2. Framerfy shows which app is asking (Claude) and what it can do. It asks you before it publishes, changes Shopify or deletes anything.
3. Click **Allow**. You're sent back to Claude, and the connector shows as connected.

Claude stays signed in until you disconnect it. To sign Claude out from every device, open the **MCP** page in the dashboard and click **Disconnect Claude everywhere**.

## Step 3: Connect a Framer project

Claude can only open Framer projects you connect here.

1. Open your project in Framer. Go to **Settings → API Keys** and click **Create**. Copy the key.
2. Copy the project's URL from the browser. It looks like `https://framer.com/projects/My-Store--abc123`.
3. In [admin.framerfy.ae](https://admin.framerfy.ae), open the **MCP** page.
4. Under **Connect a Framer project**, paste the **Project URL** and the **Framer API key**.
5. Under **Shopify store it sells from**, pick the store this site sells.
6. Click **Connect project**. Framerfy opens the project once to check the key, then lists it under **Connected projects**.

> [!TIP]
>
> Framerfy stores the key encrypted and only uses it when Claude works on that project. To stop Claude using a project, remove it from **Connected projects**, or delete the key in Framer.

## Check it works

Ask Claude:

> List my Framerfy projects.

Claude should name the project you connected and the store it's linked to. If it says no project is connected, go back to step 3. If it says your account can't use the connector yet, you're not in the beta: email [support@framerfy.ae](mailto:support@framerfy.ae).

Next: [Build a store](https://docs.framerfy.ae/ai-builder/build-a-store.md).


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.