Framer Plugin MCP Server

Servidor MCP de Plugin Framer

Um servidor Model Context Protocol (MCP) que permite a criação e o gerenciamento de plugins Framer com recursos web3. Este servidor fornece ferramentas para criar, compilar e gerenciar plugins Framer com recursos web3 integrados, como conexões de carteira, interações com contratos e exibições de NFT.

Recursos

• Criar novos plugins Framer com recursos web3
• Compilar plugins para produção
• Recursos web3 integrados:
  • Integração com Wallet Connect
  • Interações com contratos inteligentes
  • Componentes de exibição de NFT

Requisitos

• Node.js 16 ou superior
• NPM ou Yarn
• Aplicativo desktop Framer para testar plugins

Instalação

1. Clone este repositório:

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

2. Instale as dependências:

npm install

3. Compile o servidor:

npm run build

Configuração

Adicione o servidor ao seu arquivo de configurações MCP:

Para o aplicativo de desktop Claude (~/Library/Application Support/Claude/claude_desktop_config.json):

{
  "mcpServers": {
    "framer-plugin": {
      "command": "node",
      "args": ["/path/to/framer-plugin-mcp/build/index.js"]
    }
  }
}

Para 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"]
    }
  }
}

Uso

Uma vez configurado, o servidor fornece as seguintes ferramentas:

create_plugin

Cria um novo projeto de plugin Framer com recursos web3.

Parâmetros:

• name: Nome do plugin
• description: Descrição do plugin
• outputPath: Caminho do diretório de saída
• web3Features: Matriz de recursos a incluir (wallet-connect, contract-interaction, nft-display)

Exemplo:

{
  "name": "my-web3-plugin",
  "description": "A Framer plugin with web3 features",
  "outputPath": "./plugins/my-web3-plugin",
  "web3Features": ["wallet-connect", "nft-display"]
}

build_plugin

Compila um projeto de plugin Framer para produção.

Parâmetros:

• pluginPath: Caminho para o diretório do plugin

Exemplo:

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

Contribuição

Contribuições são bem-vindas! Sinta-se à vontade para enviar um Pull Request.

Licença

Licença MIT - consulte o arquivo LICENSE para obter detalhes