🚀 Framer 插件 MCP 服务器
这是一个 Model Context Protocol (MCP) 服务器，专门用于创建和管理具备 web3 功能的 Framer 插件。它提供了一系列工具，能够帮助开发者创建、构建并管理集成了钱包连接、智能合约交互、NFT 显示等 web3 特性的 Framer 插件。
🚀 快速开始
在使用此服务器之前，需要确保满足以下先决条件：
- Node.js 16 或更高版本
- NPM 或 Yarn
- Framer 桌面应用程序用于测试插件
✨ 主要特性
- 创建新插件：可创建新的具备 web3 功能的 Framer 插件。
- 构建生产插件：支持构建用于生产的插件。
- 集成 web3 特性：
- Wallet Connect 集成：实现钱包连接功能。
- 智能合约交互：支持与智能合约进行交互。
- NFT 显示组件：可展示 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 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 文件。