Framer Plugin MCP Server

Framer Plugin MCP Server

一个模型上下文协议（MCP）服务，可创建和管理具备 web3 功能的 Framer 插件。该服务提供用于创建、构建和管理 Framer 插件的工具，并集成了钱包连接、合约交互和 NFT 展示等 web3 功能。

功能

• 创建具备 web3 功能的 Framer 插件
• 构建用于生产环境的插件
• 集成 web3 功能：
  • Wallet Connect 集成
  • 智能合约交互
  • NFT 展示组件

要求

• Node.js 16 或更高版本
• NPM 或 Yarn
• 用于测试插件的 Framer 桌面应用

安装

1. 克隆此仓库：

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

2. 安装依赖：

npm install

3. 构建服务：

npm run build

配置

将服务添加到 MCP 设置文件中：

对于 Claude 桌面应用（~/Library/Application Support/Claude/claude_desktop_config.json）：

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

对于 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"]
    }
  }
}

使用方法

配置完成后，该服务会提供以下工具：

create_plugin

创建一个具备 web3 功能的新 Framer 插件项目。

参数：

• name：插件名称
• description：插件描述
• outputPath：输出目录路径
• web3Features：要包含的功能数组（wallet-connect、contract-interaction、nft-display）

示例：

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

build_plugin

构建用于生产环境的 Framer 插件项目。

参数：

• pluginPath：插件目录路径

示例：

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

贡献

欢迎贡献！请随时提交 Pull Request。

许可证

MIT 许可证 - 详情请参阅 LICENSE 文件