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