Framer Plugin MCP

🚀 Framer 插件 MCP 服務器

這是一個 Model Context Protocol (MCP) 服務器，主要用於創建和管理集成了區塊鏈功能的 Framer 插件。藉助該服務器，用戶能夠輕鬆創建、構建並管理具備錢包連接、智能合約交互和 NFT 顯示等功能的 Framer 插件。

🚀 快速開始

本服務器可助力用戶創建和管理集成區塊鏈功能的 Framer 插件。在使用前，請確保您的系統滿足以下要求：

• Node.js 16 或更高版本
• NPM 或 Yarn
• Framer 桌面應用程序用於測試插件

✨ 主要特性

• 可創建集成區塊鏈功能的全新 Framer 插件。
• 能夠構建適用於生產環境的插件。
• 集成了豐富的區塊鏈功能，包括：
  • Wallet Connect 集成
  • 智能合約交互
  • NFT 顯示組件

📦 安裝指南

克隆倉庫

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

安裝依賴項

npm install

構建服務器

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 開發版

路徑：~/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

用於創建一個具有區塊鏈功能的新 Framer 插件項目。

參數說明：

示例：

{
  "name": "my-web3-plugin",
  "description": "一個具有區塊鏈功能的 Framer 插件",
  "outputPath": "./plugins/my-web3-plugin",
  "web3Features": ["wallet-connect", "nft-display"]
}

build_plugin

用於構建生產環境下的 Framer 插件項目。

參數說明：

示例：

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

🤝 貢獻

歡迎大家積極貢獻！您可以隨意提交 Pull Request。

📄 許可證

本項目採用 MIT 許可證，詳細信息請參閱 LICENSE 文件。