drio
Open app

Framer Plugin MCP Server

Source

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

Catalog onlyCatalog onlySTDIO

Overview

Framer Plugin MCP Server is a Model Context Protocol (MCP) server designed for creating and managing Framer plugins with integrated web3 capabilities, enabling developers to build plugins that interact with blockchain technologies.

To use the Framer Plugin MCP Server, clone the repository, install the necessary dependencies, and configure the server in your MCP settings file. Once set up, you can create and build Framer plugins with web3 features.

  • Create new Framer plugins with web3 capabilities - Build plugins for production - Integrated web3 features including wallet connections, smart contract interactions, and NFT displays.
  1. Developing interactive web3 applications using Framer.
  2. Creating plugins that allow users to connect their crypto wallets.
  3. Building NFT display components for Framer projects.

Add to your AI client

Use these steps to connect Framer Plugin MCP Server in Cursor, Claude, VS Code, and other MCP-compatible apps. The same JSON appears in the Use with menu above for one-click copy.

Cursor

Add this to your .cursor/mcp.json file in your project root, then restart Cursor.

.cursor/mcp.json

{
  "mcpServers": {
    "framer-plugin-mcp-sheshiyer": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-framer-plugin-mcp-sheshiyer"
      ]
    }
  }
}

Claude Desktop

Add this server entry to the mcpServers object in your Claude Desktop config, then restart the app.

~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows)

{
  "mcpServers": {
    "framer-plugin-mcp-sheshiyer": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-framer-plugin-mcp-sheshiyer"
      ]
    }
  }
}

Claude Code

Add this to your project's .mcp.json file. Claude Code will detect it automatically.

.mcp.json (project root)

{
  "mcpServers": {
    "framer-plugin-mcp-sheshiyer": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-framer-plugin-mcp-sheshiyer"
      ]
    }
  }
}

VS Code (Copilot)

Add this to your .vscode/mcp.json file. Requires the GitHub Copilot extension with MCP support enabled.

.vscode/mcp.json

{
  "servers": {
    "framer-plugin-mcp-sheshiyer": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-framer-plugin-mcp-sheshiyer"
      ]
    }
  }
}

Windsurf

Add this to your Windsurf MCP config file, then restart Windsurf.

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "framer-plugin-mcp-sheshiyer": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-framer-plugin-mcp-sheshiyer"
      ]
    }
  }
}

Cline

Open Cline settings, navigate to MCP Servers, and add this server configuration.

Cline MCP Settings (via UI)

{
  "mcpServers": {
    "framer-plugin-mcp-sheshiyer": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-framer-plugin-mcp-sheshiyer"
      ]
    }
  }
}

FAQ

What are the requirements to use this server?

You need Node.js 16 or higher, NPM or Yarn, and the Framer desktop app for testing plugins.

Is there a guide for installation?

Yes! The installation steps are provided in the documentation, including cloning the repository and configuring the server.

Can I contribute to this project?

Absolutely! Contributions are welcome, and you can submit a Pull Request.7:["$","div",null,{"className":"container mx-auto flex flex-col gap-4","children":["$L26","$L27",["$","$L28",null,{"currentProject":{"id":790,"uuid":"3c2cb4d8-bb18-42f5-b4ec-9d01d6bca21b","name":"framer-plugin-mcp","title":"Framer Plugin MCP Server","description":"A Model Context Protocol (MCP) server for creating and managing Framer plugins with web3 capabilities","avatar_url":"https://avatars.githubusercontent.com/u/7611727?v=4","created_at":"2024-12-30T03:32:15.615Z","updated_at":"2025-02-23T07:18:49.707Z","status":"created","author_name":"Sheshiyer","author_avatar_url":"https://avatars.githubusercontent.com/u/7611727?v=4","tags":"framer,web3,plugin-development","category":"developer-tools","is_featured":false,"sort":1,"url":"https://github.com/Sheshiyer/framer-plugin-mcp","target":"_self","content":"$29","summary":"$2a","img_url":null,"type":null,"metadata":null,"user_uuid":null,"tools":null,"sse_url":null,"sse_provider":null,"sse_params":null,"is_official":false,"server_command":null,"server_params":null,"server_config":null,"allow_call":false,"is_innovation":false,"is_dxt":false,"dxt_manifest":null,"dxt_file_url":null,"is_audit":false},"randomProjects":[],"currentServerKey":"$undefined"}]]}]

Developer tools