Framer Plugin MCP Server

此包由 MCPFlow 打包并发布到npm仓库。

一个用于创建和管理具有 web3 能力的 Framer 插件的模型上下文协议（MCP）服务器。

安装与使用

直接使用npx运行:

npx @mcpflow.io/mcp-framer-plugin-mcp-server

或者先安装后使用:

# 安装
npm install @mcpflow.io/mcp-framer-plugin-mcp-server

# 使用
npx @mcpflow.io/mcp-framer-plugin-mcp-server

使用方法

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

工具函数

setupToolHandlers

Sets up request handlers for the server to handle tool requests.

参数:

handleCreatePlugin

Handles the creation of a new Framer plugin project with web3 capabilities.

参数:

• args: The arguments for creating a plugin.

handleBuildPlugin

Handles the building of a Framer plugin project for production.

参数:

• args: The arguments for building a plugin.

run

Starts the server and connects it to the stdio transport.

参数:

原始信息

• 开发者: Sheshiyer
• 版本: 1.0.0
• 许可证: MIT License
• 原始仓库: Sheshiyer/framer-plugin-mcp

原始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

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