Servidores MCP que vale la pena conocer si estás creando con IA

Servidores MCP que los desarrolladores realmente usan, con herramientas compatibles, desglose de funciones y configuración lista para Cursor para Figma, Notion, GitHub, Webflow y más

Servidores MCP que vale la pena conocer si estás creando con IA

Luke Stahl
Especialista en marketing de producto, desarrolladores
View author profile
Luke Stahl
Especialista en marketing de producto, desarrolladores
View author profile
Table of contents

Los servidores del Protocolo de Contexto de Modelo (MCP) se están convirtiendo rápidamente en la base de las herramientas de IA serias.

Te permiten pasar contexto estructurado y delimitado a un modelo: archivos, metadatos, estado de la aplicación, roles de usuario y más. Si estás creando algo más allá de un simple prompt, como agentes, asistentes especializados o herramientas de código basadas en LLM, probablemente usarás uno.

Esta lista se centra en los servidores MCP que recomiendo para crear y depurar flujos de trabajo en bases de código, sistemas de diseño, documentación y contenido estructurado. Cada uno está disponible para su integración, con código de fuente abierta o API documentadas. Uso Cursor como mi IDE principal, por lo que las instrucciones de configuración se centran en él, aunque la mayoría de estos MCP también funcionan en otros entornos (Visual Studio Code, Windsurf, etc.). Cursor facilita la integración de servidores MCP desde el primer momento con soporte integrado para añadirlos y gestionarlos en la configuración.

Qué servidores MCP conocer al desarrollar con IA

Context7

Context7 es un servidor MCP ligero y de código abierto optimizado para bases de código. Te permite exponer una vista delimitada del directorio de tu proyecto a cualquier modelo y admite el acceso a cientos de bibliotecas y dependencias de código abierto. Esto lo hace especialmente valioso para agentes que necesitan hacer referencia a paquetes, funciones o ejemplos reales en el contexto más actual.

Cursor también admite archivos de documentación en la configuración. Pero a menudo necesitas recordarle a la IA en tu prompt que los consulte. Ver en GitHub o visitar context7.com.

Consejo: Si no quieres añadir usar context7 a cada prompt, puedes definir una regla sencilla en la sección Configuración de Cursor > Reglas en Cursor (o el equivalente en tu cliente MCP) para invocar automáticamente Context7 en cualquier pregunta sobre código:

[[calls]]
match = "when the user requests code examples, setup or configuration steps, or library/API documentation"
tool  = "context7"

Una vez establecida la regla, Context7 se invocará automáticamente en los prompts relevantes. Puedes personalizar el patrón de coincidencia para cubrir tus casos de uso. Consulta la documentación.

Características clave de Context7

  • Incluye acceso a cientos de bibliotecas de código abierto como React, Tailwind, Next.js y Shadcn para referencia actualizada y comprensión del código
  • Herramientas CLI y versión alojada disponibles
  • Ayuda a evitar ejemplos de código obsoletos y API alucinadas al mostrar contexto preciso de la biblioteca

Edita ~/.cursor/mcp.json directamente:

{
  "mcpServers": {
    "context7": {
      "url": "https://mcp.context7.com/mcp"
    }
  }
}

Figma MCP

El servidor MCP de Figma permite que tu LLM o agente de IA acceda a contexto de diseño estructurado directamente desde el Modo Dev. Muestra jerarquías de componentes, tokens de diseño, nodos seleccionados, variantes y estructura de archivos, lo que lo hace ideal para flujos de trabajo de prompt a código, diferencias de especificaciones y entrega de diseño automatizada. Todavía está en fase beta y se ejecuta localmente dentro de la aplicación de escritorio de Figma.

Para habilitar el servidor MCP en Figma:

  1. Abre la aplicación de escritorio de Figma y actualízala a la última versión.
  2. Crea o abre un archivo de diseño de Figma.
  3. Abre el menú de Figma en la esquina superior izquierda.
  4. En Preferencias, selecciona Habilitar servidor MCP del Modo Dev.

Una vez habilitado, puedes usar herramientas compatibles para acceder a contexto estructurado desde el Modo Dev. Lee la guía completa o mira el anuncio para obtener más información.

Características clave de Figma MCP

  • Acceso estructurado al diseño expone árboles de componentes, definiciones de tokens, variantes y nodos seleccionados desde el Modo Dev.
  • El entorno de desarrollo local se ejecuta dentro de la aplicación de escritorio de Figma; no requiere API externa ni servicio en la nube.
  • Los agentes conscientes de los prompts admiten prompts basados en selección y en enlaces en herramientas como Cursor.
  • La edición en lenguaje natural permite decir "haz esto responsivo" o "centra este texto". El agente aplica los cambios directamente.
  • Refactorización consciente del diseño para que los agentes puedan aplicar Auto Layout, reestructurar marcos y corregir el espaciado, no solo ajustar elementos individuales.
  • Sincronización de diseño a código para que los agentes puedan actualizar bases de código o refactorizar componentes basados en el archivo de Figma actual.
  • La memoria de sesión rastrea selecciones, comandos e intención a través de los pasos, para que los agentes no pierdan el contexto a mitad de la tarea.

Edita ~/.cursor/mcp.json directamente:

{
  "mcpServers": {
    "Figma": {
      "url": "http://127.0.0.1:3845/sse"
    }
  }
}

Servidor MCP de Notion

El servidor MCP de Notion ofrece a los modelos acceso estructurado al contenido de tu espacio de trabajo. Puedes usarlo para crear agentes que resuman, limpien o generen contenido basándose en filtros o plantillas. Ver herramientas compatibles con MCP de Notion

Características clave del servidor MCP de Notion

  • Busca en tu espacio de trabajo de Notion usando filtros estructuradosCrea páginas nuevas directamente desde los resultados de búsquedaActualiza propiedades en varias páginasEl contexto está limitado a tus permisos de acceso

Edita ~/.cursor/mcp.json directamente:

{
  "mcpServers": {
    "Notion": {
      "url": "https://mcp.notion.com/mcp"
    }
  }
}

MCP de Firecrawl

Firecrawl es una herramienta de rastreo web que proporciona a tu LLM acceso estructurado al contenido de páginas en tiempo real. Obtiene un sitio, lo divide en fragmentos semánticos y devuelve un contexto limpio que tu agente puede usar para analizar el diseño, los metadatos y el contenido. Es útil para investigación de productos, análisis de la competencia o para crear agentes que comprendan el contenido. Explora Firecrawl o consulta el repositorio de GitHub.

Características clave del MCP de Firecrawl

  • Web scraping, rastreo y descubrimiento de contenidoBúsqueda, extracción de contenido y fragmentación semánticaInvestigación por lotes y soporte para rastreo profundoPuede ejecutarse en la nube o ser autohospedadoAdmite Server-Sent Events (SSE) para resultados en streaming

Edita ~/.cursor/mcp.json directamente:

{
  "mcpServers": {
    "firecrawl-mcp": {
      "command": "npx",
      "args": ["-y", "firecrawl-mcp"],
      "env": {
        "FIRECRAWL_API_KEY": "YOUR-API-KEY"
      }
    }
  }
}

Servidor MCP de GitHub

El servidor MCP de GitHub ofrece a los modelos acceso estructurado a tu repositorio local, incluyendo diferencias (diffs), historial de commits, árboles de archivos y más. Está diseñado para potenciar asistentes que revisen solicitudes de extracción (pull requests), escriban comentarios en línea y analicen cambios de código reales. Echa un vistazo al repositorio en GitHub.

Características clave del servidor MCP de GitHub

  • Explora, consulta y comprende el código de tus repositoriosCrea y gestiona incidencias, solicitudes de extracción y tableros de proyectosMonitorea flujos de trabajo de GitHub Actions y soluciona problemas de compilaciónRevisa alertas de seguridad y analiza patrones de códigoRealiza un seguimiento de debates, actividad del equipo y notificacionesIncluye guía de instalación oficial para la configuración de Cursor

Edita ~/.cursor/mcp.json directamente:

{
  "mcpServers": {
    "github": {
      "url": "https://api.githubcopilot.com/mcp/",
      "headers": {
        "Authorization": "Bearer YOUR_GITHUB_PAT"
      }
    }
  }
}

Servidor MCP de Browserbase

El servidor MCP de Browserbase conecta tu LLM a una sesión de navegador en vivo en la nube. Transmite el contexto de la página completa directamente desde un navegador remoto, incluyendo la estructura DOM, cookies, almacenamiento local e historial de navegación, para que los agentes puedan trabajar con el estado real de una página. Esto es útil para herramientas que navegan, extraen datos o simulan flujos de usuario.

El MCP de Browserbase transmite el contexto del navegador, incluyendo la estructura DOM, cookies, almacenamiento local e historial de navegación, para que tu agente pueda trabajar con el estado real de una página. Ver la guía de integración de MCP

Características clave del servidor MCP de Browserbase

  • Captura el DOM en vivo y el estado del entorno del navegadorIncluye datos de sesión, cookies, ruta de URL y posición de desplazamientoCompatible con navegación sin interfaz gráfica (headless) o pipelines de renderizado completoDiseñado para agentes de IA, bots de prueba o simulaciones de UX

Edita ~/.cursor/mcp.json directamente:

{
  "mcpServers": {
    "browserbase": {
      "url": "your-smithery-url.com"
    }
  }
}

O para funciones más avanzadas:

{
  "mcpServers": {
    "browserbase": {
      "command": "npx",
      "args": ["@browserbasehq/mcp-server-browserbase"],
      "env": {
        "BROWSERBASE_API_KEY": "",
        "BROWSERBASE_PROJECT_ID": "",
        "GEMINI_API_KEY": ""
      }
    }
  }
}

Servidor MCP de PandaDoc

Quizás no lo uses a diario, pero es uno de los más prácticos. PandaDoc te permite crear, enviar y gestionar documentos digitales como acuerdos con proveedores, acuerdos de confidencialidad (NDA), facturas, propuestas y contratos. Su servidor MCP expone contexto estructurado de plantillas, campos y flujos de destinatarios para que los modelos puedan ayudar a generar, validar o gestionar el envío de documentos. Lee la documentación de PandaDoc

Características clave del servidor MCP de PandaDoc

  • Acceso a plantillas de documentos, asignación de campos y roles
  • Vista previa del estado del documento en tiempo real
  • Ideal para flujos de trabajo de contratos, herramientas de presupuestos o sistemas de aprobación
  • Desarrollado sobre la API pública de PandaDoc

Edita ~/.cursor/mcp.json directamente:

{
  "mcpServers": {
    "pandadoc": {
      "url": "https://developers.pandadoc.com/mcp"
    }
  }
}

Servidor MCP de Webflow

Webflow es una plataforma de marketing web con agentes donde los desarrolladores mantienen el control sobre la arquitectura, las integraciones y la automatización, mientras que el equipo de marketing y diseño trabaja de forma independiente. Reúne diseño, datos y despliegue en un entorno único creado para producción.

El servidor MCP de Webflow se utiliza en toda la plataforma para potenciar la creación de diseños mediante prompts, la generación de CMS y las actualizaciones de sitios asistidas por IA. Define un contexto estructurado para cualquier área en la que estés trabajando, incluidos el Designer y el CMS. Explora las herramientas de IA de Webflow.

Características clave del servidor MCP de Webflow

  • Acceso a colecciones, elementos y metadatos de página del CMS
  • Listar, recuperar y publicar sitios y páginas
  • Modificar estilos, elementos y scripts mediante herramientas estructuradas
  • Incluye autenticación basada en tokens, acceso a herramientas con alcance definido y configuración de memoria del modelo
  • Diseñado para flujos de trabajo de "prompt-to-structure", como crear estructuras de páginas o actualizar campos SEO

Edita ~/.cursor/mcp.json directamente:

{
  "mcpServers": {
    "webflow": {
      "url": "https://mcp.webflow.com/mcp"
    }
  }
}

Cómo añadir servidores MCP a Cursor

Cursor admite la integración nativa con servidores MCP. Puedes gestionarlos a través del menú de herramientas MCP integrado. Estos son los pasos para añadir servidores MCP a Cursor.

  1. Abre Cursor
  2. Ve a Settings → Cursor Settings → MCP & Integrations
  3. Haz clic en + New MCP Server / Add Custom URL
  4. Pega la URL del endpoint MCP
  5. Guarda y prueba la conexión

Para la instalación con otras herramientas de IA como Claude Desktop, Claude Code, Postman y Windsurf, consulta nuestras guías de instalación en nuestra documentación.

Reflexiones finales

Los MCP no son solo infraestructura para la IA. Le dan a tu LLM estructura, alcance y contexto para que pueda realizar acciones significativas a través de diferentes herramientas. Ya sea que estés pasando el estado de la interfaz, modelos de CMS, diferencias de archivos o metadatos del DOM, estos servidores te permiten ir más allá de los experimentos con prompts y pasar a flujos de trabajo reales. Echa un vistazo a esta colección de servidores MCP para ver otros ejemplos no incluidos aquí, junto con el directorio MCP de Cursor.

Si quieres ver cómo funciona esto en un entorno de desarrollo real, aquí tienes un vídeo que muestra cómo los agentes utilizan el servidor MCP de Webflow para actualizar etiquetas SEO, localizar contenido del CMS y crear nuevas colecciones usando solo un prompt.


Last Updated
August 14, 2025
Category

Related articles

A los desarrolladores les encanta el headless hasta que les toca mantenerlo
A los desarrolladores les encanta el headless hasta que les toca mantenerlo

A los desarrolladores les encanta el headless hasta que les toca mantenerlo

A los desarrolladores les encanta el headless hasta que les toca mantenerlo

Desarrollo
By
Luke Stahl
,
,
Read article
Construir con IA: cómo los ingenieros de Webflow avanzan más rápido, piensan más a fondo y lanzan productos de forma más inteligente
Construir con IA: cómo los ingenieros de Webflow avanzan más rápido, piensan más a fondo y lanzan productos de forma más inteligente

Construir con IA: cómo los ingenieros de Webflow avanzan más rápido, piensan más a fondo y lanzan productos de forma más inteligente

Construir con IA: cómo los ingenieros de Webflow avanzan más rápido, piensan más a fondo y lanzan productos de forma más inteligente

Ingeniería
By
Allan Leinwand
,
,
Read article
Entendiendo las tendencias visuales con IA: Cómo analizamos el diseño web a escala
Entendiendo las tendencias visuales con IA: Cómo analizamos el diseño web a escala

Entendiendo las tendencias visuales con IA: Cómo analizamos el diseño web a escala

Entendiendo las tendencias visuales con IA: Cómo analizamos el diseño web a escala

Ingeniería
By
Stephane Fotso
,
,
Read article
Diseño de flujos de trabajo con IA para AEO, accesibilidad e impacto
Diseño de flujos de trabajo con IA para AEO, accesibilidad e impacto

Diseño de flujos de trabajo con IA para AEO, accesibilidad e impacto

Diseño de flujos de trabajo con IA para AEO, accesibilidad e impacto

Estrategia
By
Equipo de Webflow
,
,
Read article
Cómo añadir componentes de React en Webflow
Cómo añadir componentes de React en Webflow

Cómo añadir componentes de React en Webflow

Cómo añadir componentes de React en Webflow

Desarrollo
By
Nick Smith
,
,
Read article
El no-code es una mentira
El no-code es una mentira

El no-code es una mentira

El no-code es una mentira

Desarrollo
By
Shawn Wang
,
,
Read article

verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo

Empieza gratis

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.

Get started — it’s free
Ver demostración

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.