Framer Plugin MCP Server

What is Framer Plugin MCP Server?

It is a Model Context Protocol (MCP) server that enables the creation and management of Framer plugins with integrated web3 capabilities, such as wallet connections, smart contract interactions, and NFT displays. It is intended for developers building Framer plugins that incorporate blockchain functionality.

How to use Framer Plugin MCP Server?

Install Node.js 16+, clone the repository, install dependencies, and build the server. Then add the server configuration to your MCP settings file (e.g., Claude Desktop App or Cursor/Claude Dev). The server provides two primary tools: create_plugin (creates a new plugin with optional web3 features) and build_plugin (builds a plugin for production).

Key features of Framer Plugin MCP Server

• Create new Framer plugins with web3 capabilities
• Build plugins for production
• Integrated Wallet Connect support
• Smart contract interaction components
• NFT display components included

Use cases of Framer Plugin MCP Server

• Rapidly scaffold a Framer plugin with NFT display functionality
• Generate a plugin that connects to user wallets via Wallet Connect
• Build and bundle a web3-enabled Framer plugin for production deployment
• Add smart contract interaction features to an existing Framer plugin project

FAQ from Framer Plugin MCP Server

What are the system requirements?

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

How do I configure the server for Claude Desktop?

Add a JSON block to ~/Library/Application Support/Claude/claude_desktop_config.json specifying node as the command and the path to the built index.js as the argument.

What tools does the server provide?

It provides create_plugin for creating a new plugin project and build_plugin for building an existing plugin into a production version.

Can I choose which web3 features to include?

Yes, the create_plugin tool accepts a web3Features array that can include wallet-connect, contract-interaction, and nft-display.

How do I build a plugin for production?

Use the build_plugin tool with the path to the plugin directory (e.g., ./plugins/my-web3-plugin).