framer-plugin MCP Server

README

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

Clone this 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

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

framer-plugin-mcp FAQ

How do I install the framer-plugin-mcp server?

Clone the GitHub repo, install dependencies with npm or yarn, then build the server using npm run build.

What are the prerequisites for using framer-plugin-mcp?

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

Can I use framer-plugin-mcp to interact with smart contracts?

Yes, it includes integrated features for smart contract interactions within Framer plugins.

Does framer-plugin-mcp support wallet connections?

Yes, it supports Wallet Connect integration for seamless wallet connectivity.

How do I test plugins created with framer-plugin-mcp?

Use the Framer desktop app to load and test your plugins locally.

Is framer-plugin-mcp compatible with multiple LLM providers?

While framer-plugin-mcp is an MCP server, it can be integrated with LLMs like OpenAI, Claude, and Gemini through the MCP client-server architecture.

What is required to build plugins for production?

After development, run the build command provided by the server to create production-ready Framer plugins.

How do I configure framer-plugin-mcp in my MCP environment?

Add the server to your MCP settings file as per your host application's configuration instructions.

framer-plugin-mcp

Use This MCP server To

README