MCP para tokens de diseño, explicado
Model Context Protocol es un estándar abierto para conectar asistentes de IA con herramientas y datos externos. Aplicado a los tokens de diseño, un servidor MCP expone los valores vigentes de un proyecto a un agente de programación para que los componentes generados usen el sistema real en lugar de valores inventados por el modelo.
El problema que resuelve
Un agente de IA que escribe un componente tiene que sacar los valores de diseño de algún sitio. A falta de algo mejor, usa lo que ha visto durante el entrenamiento: valores por defecto habituales de Tailwind, paletas populares, espaciados plausibles.
El resultado compila, parece razonable y está mal. No visiblemente mal, que es justo la dificultad. Es un hexadecimal cercano a tu primario en vez de tu primario.
Pegar la paleta en el prompt ayuda durante una conversación. No sobrevive a la siguiente, y no escala a un equipo.
Qué cambia con MCP
Model Context Protocol es un estándar abierto para exponer herramientas y datos a asistentes de IA. Un cliente como Cursor o Claude Code se conecta a un servidor y puede entonces llamar a sus herramientas mientras trabaja.
Para un sistema de diseño, eso significa que el agente puede pedir los valores en el momento en que los necesita, en vez de depender de lo que acabó en el prompt. Un servidor típico expone:
- Consulta de tokens: los valores vigentes de color, tipografía, espaciado, radio, sombra y movimiento
- Consulta de componentes: la especificación de un componente concreto
- Comprobación de infracciones: dado un bloque de código, qué valores están fijos y qué tokens los sustituyen
- Propuestas de token: una vía para que el agente pida un valor que el sistema no define, en vez de inventárselo
Esto último importa más de lo que parece. Convierte el caso de fallo de una invención silenciosa en una petición explícita que una persona puede responder.
Cómo se conecta
Los clientes MCP leen una pequeña configuración JSON que nombra el servidor y cómo alcanzarlo. En Cursor vive en los ajustes MCP del proyecto; en Claude Code se añade desde la CLI. La autenticación suele ser un token acotado a un proyecto.
Una vez conectado, el agente tiene el sistema de diseño disponible en cada generación, sin pegar nada en cada prompt.
Por qué no es lo mismo que un archivo de reglas
Las reglas de Cursor y mecanismos similares inyectan texto estático en el contexto. Funciona, y merece la pena hacerlo, pero ese texto es una instantánea: es correcto hasta que los tokens cambian, y a partir de ahí es incorrecto con toda seguridad.
Un servidor MCP se lee en el momento de la llamada. Cuando un token cambia, la siguiente generación ve el valor nuevo sin que nadie actualice un archivo.
Dónde encaja Flash DSM
Flash DSM ejecuta un servidor MCP que expone las herramientas anteriores para cualquier sistema de diseño que sea tuyo, conectable desde Cursor, Claude Code o cualquier cliente MCP con un token acotado.