Framer 插件 MCP 服务器

一个模型上下文协议 (MCP) 服务器，支持创建和管理具有 web3 功能的 Framer 插件。该服务器提供创建、构建和管理 Framer 插件的工具，这些插件集成了 web3 功能，例如钱包连接、合约交互和 NFT 显示。

特征

• 创建具有 web3 功能的新 Framer 插件

• 构建生产插件

• 集成的 web3 功能：

  • Wallet Connect 集成

  • 智能合约交互

  • NFT显示组件

Related MCP server: Frame0 MCP Server

要求

• 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"]
    }
  }
}

用法

配置完成后，服务器将提供以下工具：

创建插件

创建具有 web3 功能的新 Framer 插件项目。

参数：

• name：插件名称

• 描述：插件描述

• outputPath：输出目录路径

• web3Features：包含的功能数组（钱包连接、合约交互、nft 显示）

例子：

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

构建插件

构建一个 Framer 插件项目用于生产。

参数：

• pluginPath：插件目录的路径

例子：

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

贡献

欢迎贡献代码！欢迎提交 Pull 请求。

执照

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