What is Framer Plugin Mcp

framer-plugin-mcp is a Model Context Protocol (MCP) server designed for creating and managing Framer plugins that incorporate web3 capabilities, such as wallet connections, smart contract interactions, and NFT displays.

Use cases

Use cases for framer-plugin-mcp include developing interactive web3 applications, creating NFT galleries, and building plugins that require blockchain interactions within the Framer design environment.

How to use

To use framer-plugin-mcp, clone the repository, install the dependencies using npm or Yarn, and build the server. Then, configure the MCP settings file to include the server. You can create and build Framer plugins with web3 features using the provided commands.

Key features

Key features include the ability to create new Framer plugins with web3 capabilities, build plugins for production, and integrated web3 features such as Wallet Connect, smart contract interactions, and NFT display components.

Where to use

undefined

Framer Plugin MCP Server

A Model Context Protocol (MCP) server that enables creation and management of Framer plugins with web3 capabilities. This server provides tools for creating, building, and managing Framer plugins with integrated web3 features like wallet connections, contract interactions, and NFT displays.

Features

• Create new Framer plugins with web3 capabilities
• Build plugins for production
• Integrated web3 features:
  • Wallet Connect integration
  • Smart contract interactions
  • NFT display components

Requirements

• Node.js 16 or higher
• NPM or Yarn
• Framer desktop app for testing plugins

Installation

1. Clone this repository:

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

2. Install dependencies:

npm install

3. Build the server:

npm run build

Configuration

Add the server to your MCP settings file:

For Claude Desktop App (~/Library/Application Support/Claude/claude_desktop_config.json):

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

For Cursor/Claude Dev (~/Library/Application Support/Cursor/User/globalStorage/saoudrizwan.claude-dev/settings/cline_mcp_settings.json):

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

Usage

Once configured, the server provides the following tools:

create_plugin

Creates a new Framer plugin project with web3 capabilities.

Parameters:

• name: Plugin name
• description: Plugin description
• outputPath: Output directory path
• web3Features: Array of features to include (wallet-connect, contract-interaction, nft-display)

Example:

{
  "name": "my-web3-plugin",
  "description": "A Framer plugin with web3 features",
  "outputPath": "./plugins/my-web3-plugin",
  "web3Features": [
    "wallet-connect",
    "nft-display"
  ]
}

build_plugin

Builds a Framer plugin project for production.

Parameters:

• pluginPath: Path to plugin directory

Example:

{
  "pluginPath": "./plugins/my-web3-plugin"
}

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

MIT License - see LICENSE file for details