web3 framer plugin.com
web3 framer plugin.com logo

Web3 Framer Plugin

Integrates web3 capabilities into Framer plugins, enabling blockchain functionality like wallet connections and NFT disp...

Created byApr 23, 2025

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:

Requirements

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

Installation

  1. Clone this repository:
  1. Install dependencies:
  1. Build the server:

Configuration

Add the server to your MCP settings file:
For Claude Desktop App (~/Library/Application Support/Claude/claude_desktop_config.json):
For Cursor/Claude Dev (~/Library/Application Support/Cursor/User/globalStorage/saoudrizwan.claude-dev/settings/cline_mcp_settings.json):

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:

build_plugin

Builds a Framer plugin project for production.
Parameters:
  • pluginPath: Path to plugin directory
Example:

Contributing

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

License

MIT License - see LICENSE file for details

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:

Requirements

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

Installation

  1. Clone this repository:
  1. Install dependencies:
  1. Build the server:

Configuration

Add the server to your MCP settings file:
For Claude Desktop App (~/Library/Application Support/Claude/claude_desktop_config.json):
For Cursor/Claude Dev (~/Library/Application Support/Cursor/User/globalStorage/saoudrizwan.claude-dev/settings/cline_mcp_settings.json):

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:

build_plugin

Builds a Framer plugin project for production.
Parameters:
  • pluginPath: Path to plugin directory
Example:

Contributing

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

License

MIT License - see LICENSE file for details