MCP Servers: Cómo Conecté Mis Herramientas Favoritas a Claude Code

Configuro MCP servers para conectar Figma, Linear, Notion y Playwright a Claude Code. Setup real, ejemplos concretos y límites honestos.

Publicado el 19 de marzo de 2026

Views
100 views
Tiempo de lectura:
Tiempo de lectura: 5 min

Cinco pestañas abiertas, tres apps en el dock, y la mitad del tiempo buscando dónde dejaste esa información que necesitas ahora. Cada cambio entre Figma, Linear, Notion y el navegador tiene un coste cognitivo real. Los MCP servers eliminan ese ir y venir. En vez de saltar entre herramientas, las herramientas vienen al agente.

¿Qué es MCP?

MCP — Model Context Protocol — es el USB-C de los agentes de IA. Un protocolo estándar que define cómo un agente se conecta a servicios externos. Un servidor MCP es un puente: expone datos y acciones de una herramienta para que el agente los use directamente.

Las herramientas que uso a diario

Figma — Contexto de diseño sin abrir Figma

El plugin de Figma extrae estructura de componentes, tokens de color, propiedades de layout y variantes. En vez de inspeccionar cada propiedad manualmente y traducirla a código, el agente lee el frame completo.

El momento "aha": Necesitaba implementar una card con estados hover, active y disabled. En vez de abrir Figma y copiar valores uno por uno, le pedí al agente que extrajera el contexto del componente. En 30 segundos tenía la jerarquía, los tokens y las variantes. Lo que normalmente me toma 5 minutos de inspección manual.

Si quieres ver el workflow completo de Figma a código, lo detallé en el artículo anterior.

Linear — Gestión de proyecto desde el editor

Linear MCP da acceso a issues, estados, comentarios y subtareas. Puedo consultar los criterios de aceptación de un ticket, leer los comentarios del equipo y actualizar el estado sin abrir el navegador.

El momento "aha": Estaba a mitad de una implementación y necesitaba revisar si había un edge case documentado en los comentarios del ticket. En vez de cambiar de ventana, buscar el issue y volver al editor, le pregunté al agente. Me devolvió el comentario exacto con el caso borde. No perdí el contexto de lo que estaba escribiendo.

Notion — La documentación deja de estar aislada

Notion es donde viven las decisiones técnicas, guías de estilo y specs de producto. El problema es que esa información se queda ahí hasta que alguien la busca manualmente.

El momento "aha": Definiendo la estructura de un componente, necesitaba revisar las convenciones de naming del proyecto. El agente buscó en Notion, encontró la página y aplicó las convenciones directamente. La documentación dejó de ser un documento que nadie consulta y se convirtió en contexto activo.

Playwright — QA automatizado bajo demanda

Playwright da al agente control sobre un navegador real. Puede navegar, hacer clicks, llenar formularios, tomar screenshots y leer contenido renderizado.

El momento "aha": Implementé un formulario con validación y quería verificar el flujo completo. El agente abrió el navegador, navegó al formulario, probó con datos válidos e inválidos, y me reportó un error de validación que no había visto. Es como tener un tester disponible en cualquier momento.

Mapa de conexiones MCP

Agente IA ← MCP → Herramientas
Proporciona

Contexto de diseno, tokens, capturas, estructura de capas

Tarea de ejemplo

Extraer los tokens de color de un componente de Figma

Sin MCP

Copiar valores manualmente del inspector de Figma y pegarlos en el prompt

Con MCP

get_design_context({ nodeId }) → tokens, jerarquia y estilos en un solo paso

Cómo se configura

En Claude Code, los plugins oficiales se habilitan directamente en la configuración. Figma, Linear y Playwright son plugins oficiales — los activas y funcionan. Para servicios como Notion, se conectan por URL. Para herramientas custom, añades un comando que ejecute el servidor MCP.

La configuración toma minutos, no horas. Cada servicio que requiere autenticación necesita un token o API key, pero el proceso es directo.

El cambio real: de buscar a tener

El valor no está en cada servidor individual. Está en la acumulación.

Antes: "Déjame abrir Linear para ver el ticket... ahora Figma para el diseño... ahora Notion para las specs... ahora vuelvo al editor."

Después: Todo está en el mismo contexto. El agente consulta el ticket, extrae el diseño, revisa las convenciones y genera el código. Sin salir del editor.

La diferencia no es velocidad. Es continuidad. Cada cambio de contexto cuesta entre 10 y 25 segundos de reorientación. Multiplica eso por 50 cambios al día y son 15-20 minutos de fricción pura. MCP no te hace más rápido — te mantiene enfocado.

Los límites

Contexto pesado. Cada consulta MCP consume tokens. Si extraes un archivo de Figma con 200 frames, estás llenando la ventana de contexto con información que quizá no necesitas. La solución: ser específico en lo que pides.

Autenticación. Cada servidor necesita sus propias credenciales. Cuatro servidores son cuatro tokens. No es difícil, pero es fricción inicial.

No todo lo justifica. Si usas una herramienta una vez a la semana, el overhead no se justifica. MCP funciona mejor con herramientas que consultas constantemente — las que forman parte de tu loop diario.

Dependencia de red. Los servidores que conectan servicios cloud necesitan conexión. Si trabajas offline, pierdes acceso. Los servidores locales como Playwright funcionan sin red.

Conclusión

MCP no hace que la IA sea más inteligente. Le da acceso a la misma información que tú tienes. Es plomería — conecta tus herramientas con tu agente para que ambos trabajen con el mismo contexto. Menos pestañas, menos cambios de contexto, más tiempo en el trabajo que importa.


Este es el quinto artículo de la serie. El primero fue sobre las herramientas que uso. El segundo sobre por qué fallan y cómo arreglarlo. El tercero sobre cómo construir un sistema de skills. El cuarto sobre el workflow de Figma a código. Este cierra el círculo — conectar todas las herramientas en un solo flujo.