Web3 Framer Plugin

🚀 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 文件。