El Model Context Protocol (MCP) es un protocolo abierto que permite a las aplicaciones de inteligencia artificial (IA) conectarse a sistemas externos, como fuentes de datos, herramientas y flujos de trabajo. De acuerdo con la documentación de MCP, este protocolo proporciona una forma estandarizada de conectar aplicaciones de IA a sistemas externos, lo que permite a los agentes acceder a información clave y realizar tareas. Por ejemplo, los agentes pueden acceder a Google Calendar y Notion, o generar aplicaciones web completas utilizando un diseño de Figma. MCP es compatible con una amplia gama de clientes y servidores, incluyendo asistentes de IA como Claude y ChatGPT, y herramientas de desarrollo como Visual Studio Code. Para implementar un servidor MCP, se puede seguir la guía de Cómo se implementa un MCP server para tu design system. Además, herramientas como Figma ofrecen un servidor MCP que permite a los agentes leer archivos de diseño, como se describe en Figma MCP (Dev Mode MCP server) y Figma MCP para design systems: el circuito diseño-código sin handoff. MCP reduce el tiempo y la complejidad de desarrollo al construir o integrar aplicaciones de IA, y proporciona acceso a un ecosistema de fuentes de datos, herramientas y aplicaciones que mejoran las capacidades de los agentes y mejoran la experiencia del usuario final.
Fuentes
- 01 modelcontextprotocol.iomodelcontextprotocol.io →
- 02 MCP (Model Context Protocol)/glosario/mcp
- 03 Cómo se implementa un MCP server para tu design system/guia/mcp-server-design-system
- 04 Figma MCP (Dev Mode MCP server)/glosario/figma-mcp
- 05 Figma MCP para design systems: el circuito diseño-código sin handoff/guia/figma-mcp-design-systems
A seguir
Redactado con ayuda de IA, contrastado contra su fuente y firmado por Redacción del Instituto.
Del diario al fondo de armario
- GlosarioAI-readiness de un design systemHasta qué punto un design system está preparado para que lo use una IA por su cuenta: con los valores de diseño (tokens) en un formato estándar, la documentación escrita de forma que una máquina pueda leerla, las reglas dichas de forma explícita y una vía de conexión (un servidor MCP) para que el agente lo consulte.
- GlosarioFigma MCP (Dev Mode MCP server)Una conexión que pasa al agente de IA los datos reales de un diseño de Figma (sus colores, sus componentes, sus medidas) en vez de una simple imagen. Así, cuando el agente convierte el diseño en código, parte de la información exacta y no tiene que adivinar mirando una captura. MCP es el estándar que hace posible esa conexión.
- GlosarioFigma Code ConnectUna función de Figma que conecta cada elemento de diseño con el trozo de código real que le corresponde en tu proyecto. Así, cuando un agente de IA genera pantallas, usa tus componentes ya construidos en lugar de inventarse otros nuevos. La conexión se le pasa al agente a través de un MCP (un canal por el que las herramientas le dan contexto al modelo).
