Skip to main content
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.
  • 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:
  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.
You’ll also find the URL and the Claude Code command on the MCP page of 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, 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.
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. Next: Build a store.