🚀 Framer 插件 MCP 服务器

本项目是一个 Model Context Protocol (MCP) 服务器，可支持创建和管理具备 web3 功能的 Framer 插件。借助此服务器，您能够轻松创建、构建并管理集成了钱包连接、智能合约交互、NFT 显示等 web3 特性的 Framer 插件。

🚀 快速开始

在使用本服务器前，请确保满足以下先决条件：

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

✨ 主要特性

• 可创建新的具备 web3 功能的 Framer 插件。
• 能够构建用于生产的插件。
• 集成了丰富的 web3 特性：
  • Wallet Connect 集成
  • 智能合约交互
  • NFT 显示组件

📦 安装指南

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": "一个具备 web3 功能的 Framer 插件",
  "outputPath": "./plugins/my-web3-plugin",
  "web3Features": ["wallet-connect", "nft-display"]
}

build_plugin

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

参数：

• pluginPath: 插件目录路径

示例：

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

🤝 贡献

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

📄 许可证

本项目采用 MIT 许可证，详见 LICENSE 文件。