Framer Plugin MCP Server

Framer Plugin MCP Server

Un servidor de Model Context Protocol (MCP) que permite la creación y gestión de plugins de Framer con capacidades web3. Este servidor proporciona herramientas para crear, compilar y gestionar plugins de Framer con funciones web3 integradas como conexiones de wallet, interacciones con contratos inteligentes y visualización de NFT.

Características

• Crear nuevos plugins de Framer con capacidades web3
• Compilar plugins para producción
• Funciones web3 integradas:
  • Integración de Wallet Connect
  • Interacciones con contratos inteligentes
  • Componentes de visualización de NFT

Requisitos

• Node.js 16 o superior
• NPM o Yarn
• Aplicación de escritorio de Framer para probar plugins

Instalación

1. Clona este repositorio:

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

2. Instala las dependencias:

npm install

3. Compila el servidor:

npm run build

Configuración

Añade el servidor a tu archivo de configuración de MCP:

Para Claude Desktop App (~/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

Una vez configurado, el servidor proporciona las siguientes herramientas:

create_plugin

Crea un nuevo proyecto de plugin de Framer con capacidades web3.

Parámetros:

• name: Nombre del plugin
• description: Descripción del plugin
• outputPath: Ruta del directorio de salida
• web3Features: Matriz de funciones a incluir (wallet-connect, contract-interaction, nft-display)

Ejemplo:

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

build_plugin

Compila un proyecto de plugin de Framer para producción.

Parámetros:

• pluginPath: Ruta al directorio del plugin

Ejemplo:

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

Contribuciones

¡Las contribuciones son bienvenidas! No dudes en enviar un Pull Request.

Licencia

Licencia MIT: consulta el archivo LICENSE para más detalles