home / mcp / framer plugin mcp server

Framer Plugin MCP Server

A Model Context Protocol (MCP) server for creating and managing Framer plugins with web3 capabilities

Installation

Add the following to your MCP client configuration file.

Configuration

{
  "mcpServers": {
    "sheshiyer-framer-plugin-mcp": {
      "command": "node",
      "args": [
        "/path/to/framer-plugin-mcp/build/index.js"
      ]
    }
  }
}

This Model Context Protocol (MCP) server helps you create, build, and manage Framer plugins with integrated web3 features. It enables you to add wallet connectivity, contract interactions, and NFT display capabilities to your Framer plugin projects, streamlining development and production builds.

How to use

You will run this MCP server locally and connect it to your MCP client. The server exposes an interface you can start from your development environment, allowing you to create new Framer plugins with web3 capabilities, build them for production, and manage the runtime execution from your MCP client.

How to install

Prerequisites you need before installation are clearly defined so you can prepare your environment.

- Node.js 16 or higher

- npm or Yarn

- Framer desktop app for testing plugins

Install and run the MCP server

Follow these concrete steps to install and run the MCP server locally.

Clone the project repository

git clone https://github.com/sheshiyer/framer-plugin-mcp.git
cd framer-plugin-mcp

Install dependencies

npm install

Build the server

npm run build

Configure the MCP server in your MCP client

Add the following MCP server configuration to your MCP client settings to connect to the locally built server. This example uses the standard local runtime path for the built index.

{
  "mcpServers": {
    "framer_plugin": {
      "command": "node",
      "args": ["/path/to/framer-plugin-mcp/build/index.js"]
    }
  }
}

Available tools

create_plugin

Creates a new Framer plugin project with web3 capabilities, including options to specify the plugin name, description, output path, and desired web3 features.

build_plugin

Builds a Framer plugin project for production, taking the plugin directory path as input to generate production-ready artifacts.