MCP, el protocolo de contexto modelo, es un estándar abierto que permite a los agentes de IA conectarse a fuentes y herramientas de datos. Para los diseñadores, significa que una herramienta de codificación de IA puede leer un archivo de diseño directamente en lugar de adivinar a partir de una captura de pantalla y, en algunos casos, crear o cambiar el diseño en sí.
Figma tiene un servidor MCP que brinda a los agentes de IA contexto de diseño, como variables, componentes y diseño, para que puedan generar código a partir de marcos seleccionados. También puede escribir contenido nativo Figma en el lienzo; Figma describe esa función como gratuita durante su versión beta y planea basarse en el uso. Según el centro de ayuda de Figma, el servidor MCP está disponible en los planes Starter, Professional, Education, Organization, Government y Enterprise.
Penpot tiene un servidor MCP gratuito y abierto. Penpot lo describe como funcional con cualquier cliente y modelo MCP, incluidos Claude, Cursor, Visual Studio Code y OpenAI Codex, y los equipos pueden implementarlo en sus propios servidores para mantener la privacidad de los datos de diseño.
ExodeUI, que fabricamos, tiene un servidor MCP para interfaz de usuario interactiva y animación. Claude Code, Cursor y otras herramientas de codificación de IA pueden crear y editar animaciones, incluidos estados, física de resortes, entradas y eventos, a partir de indicaciones en lenguaje sencillo. El resultado es un archivo .exode abierto que los paquetes de tiempo de ejecución reproducen en React, Vue, Svelte, Angular, Solid, React Native, SwiftUI y Flutter.
Otras herramientas están agregando soporte MCP rápidamente, así que consulte los documentos de cada proveedor antes de elegir. Icons8, por ejemplo, ofrece un servidor MCP para su biblioteca de íconos e ilustraciones, que es útil junto con su aplicación de diseño Lunacy pero no edita archivos Lunacy.