# Servidores MCP para diseñadores: IA que usa herramientas reales

[Canonical HTML page](https://gradiently.design/es/guide/mcp-servers-for-designers)

Un asistente que solo sabe describir un póster es un consultor. Dale un servidor MCP y podrá hacer el póster, con tu marca, en la herramienta que ya usas.

## The short version

- Un servidor MCP es un pequeño servicio que permite a un asistente de IA usar una herramienta real a través del protocolo abierto Model Context Protocol.
- Los servidores MCP de diseño permiten a un asistente buscar recursos, leer archivos de diseño o ajustes de marca y crear diseños que se abren en una herramienta de diseño.
- El asistente es el anfitrión, el servidor MCP es el lado de la herramienta en la conexión, y los permisos deciden qué puede hacer el asistente.
- Gradiently tiene un servidor MCP alojado, así que ChatGPT, Claude y otros asistentes compatibles con servidores MCP remotos pueden buscar Marks y crear diseños que se abren en el Estudio.
- Usa una clave con permisos por asistente y marca solo los permisos que necesita.

Los **servidores MCP para diseño** son conectores que permiten a un asistente de IA usar una herramienta de diseño real en lugar de solo hablar de ella. MCP, el Model Context Protocol, es un estándar abierto: una herramienta de diseño publica un servidor MCP, y cualquier asistente que hable el protocolo, como Claude o ChatGPT, puede ejecutar sus acciones. Para quien diseña, eso significa un asistente que puede consultar tu marca, encontrar el recurso adecuado, componer un diseño y guardarlo donde puedas abrirlo y terminarlo.

## Qué es en realidad un servidor MCP

Piensa en tres partes. El **anfitrión** es la app con la que hablas, como Claude Desktop o ChatGPT. Dentro de ella, un **cliente MCP** mantiene abierta la conexión. El **servidor MCP** pertenece a la herramienta y enumera lo que el asistente puede hacer: sus herramientas (acciones), sus recursos (cosas que leer) y a veces prompts ya preparados. La especificación completa está en [modelcontextprotocol.io](https://modelcontextprotocol.io), y [qué es MCP](https://gradiently.design/es/guide/what-is-mcp) lo explica con palabras sencillas.

| Parte | Qué es | Ejemplo en diseño |
| --- | --- | --- |
| Anfitrión | La app de IA en la que escribes | Claude, ChatGPT, un editor con asistente |
| Cliente | La conexión dentro del anfitrión | Se añade una vez en los ajustes del anfitrión |
| Servidor | El lado de la herramienta, con sus acciones | El endpoint MCP alojado de una herramienta de diseño |
| Herramientas | Acciones que el asistente puede ejecutar | Buscar Marks, crear un diseño, hacer un tamaño de historia |
| Permisos | Lo que permite la clave | Leer diseños, crear y editar, buscar Marks |

El vocabulario que encontrarás al conectar una herramienta de diseño con un asistente.

## Qué cambia cuando tu asistente tiene herramientas

### Solo chat

- Sugiere una composición con palabras
- Adivina tus colores a partir de una descripción
- Escribe textos que pegas en otro sitio
- Genera una imagen plana que no puedes editar

### Con un servidor MCP

- Guarda un diseño real, por capas
- Lee los ajustes reales de tu marca
- Coloca el texto en el propio diseño
- Te entrega un archivo que puedes abrir y ajustar

La diferencia se nota sobre todo en la última línea. Un modelo de imagen devuelve píxeles; el texto suele salir deformado y nada se puede mover. Una herramienta de diseño a la que se accede por MCP devuelve un diseño con texto editable, capas y tamaños. [Generadores de imágenes con IA vs herramientas de diseño](https://gradiently.design/es/guide/ai-image-generator-vs-design-tool) profundiza en esa diferencia.

## Tipos de servidores MCP que puede conectar un diseñador

- **Servidores de archivos de diseño** que permiten a un asistente leer frames, componentes y variables de un archivo de diseño. Figma, por ejemplo, documenta un servidor MCP para pasar diseños a código.
- **Servidores de creación de diseño** que producen trabajo terminado: publicaciones, historias, pósteres, cabeceras. El servidor de Gradiently es uno de ellos.
- **Servidores de recursos** para buscar fotos, iconos o la biblioteca propia de una marca.
- **Servidores de navegador y de sistema de archivos** que permiten a un asistente abrir una página web o leer una carpeta de referencias.
- **Servidores de proyecto** para gestores de tareas y documentos, de modo que briefings y comentarios viajen con el trabajo.

Rara vez necesitas muchos. Un servidor de diseño más lo que ya guarda tus briefings es un buen comienzo.

## Cómo viaja una petición

1. **Pides con palabras normales** «Haz una publicación vertical de Instagram para nuestra cata del viernes, a las 7 de la tarde, con nuestra marca.»
2. **El asistente elige herramientas** Ve la lista de acciones del servidor y elige las que encajan: leer la marca y luego crear un diseño de 1080×1350.
3. **El servidor hace el trabajo** La herramienta de diseño compone la publicación con tus fuentes, colores y fondo, y la guarda.
4. **Recibes un enlace** El asistente responde con el resultado. Lo abres en la herramienta, lo ajustas y lo exportas.

Publicación vertical de un evento de cata de vinos el viernes a las 19:00 sobre un fondo degradado profundo

Lo que puede devolver esa petición: un diseño guardado y editable sobre el Mark de la marca, no una imagen plana.

## Conectar el servidor MCP de Gradiently

Gradiently tiene un servidor MCP alojado que funciona dentro de ChatGPT, Claude y cualquier asistente compatible con servidores MCP remotos. Una vez conectado, un asistente puede buscar Marks, los fondos vivos de degradado y material que lleva cada diseño de Gradiently, leer tu espacio de trabajo y tu marca, y crear diseños que se abren en el Estudio. Cuando el asistente compone el diseño por sí mismo no gasta créditos de Gradiently; el razonamiento corre a cargo del plan de tu asistente.

Un propietario o administrador crea una clave de API con permisos en **Ajustes › API y agentes** y luego añade el endpoint al cliente. Los clientes que leen una configuración JSON aceptan un fragmento como este:

```json
{
  "mcpServers": {
    "gradiently": {
      "url": "https://gradiently.design/api/mcp",
      "headers": { "Authorization": "Bearer YOUR_KEY" }
    }
  }
}
```

Sustituye YOUR_KEY por una clave de Ajustes. Nunca subas una clave real a un repositorio.

[Conectar un asistente de IA](https://gradiently.design/es/guide/connect-ai-assistant) tiene la guía completa, y la [documentación para desarrolladores](https://gradiently.design/es/developers/mcp) enumera todas las herramientas. Una vez conectado, [prompts de diseño por MCP](https://gradiently.design/es/guide/mcp-prompts-for-design) te da peticiones para copiar.

## Cómo mantener seguras las conexiones de diseño

### Evita

- Una clave con todos los permisos, compartida por todas las apps
- Pegar claves en chats o documentos
- Servidores de fuentes que no puedes identificar
- Dejar activas claves de herramientas que ya no usas

### Haz

- Una clave por asistente, con el nombre de donde se usa
- Marca solo los permisos que necesita esa tarea
- Conecta servidores publicados por el propio fabricante de la herramienta
- Revoca las claves que ya no usas

Un servidor MCP solo puede hacer lo que permite su clave, así que la clave es tu principal control. En Gradiently, una clave solo funciona en el espacio de trabajo que la emitió, lleva solo los permisos marcados al crearla y se puede revocar en cualquier momento. Para los hábitos del día a día en cada asistente, mira [diseñar con Claude](https://gradiently.design/es/guide/design-with-claude) y [diseñar con ChatGPT](https://gradiently.design/es/guide/design-with-chatgpt).

## FAQ

### ¿Qué es un servidor MCP en diseño?

Es un conector que publica una herramienta de diseño para que los asistentes de IA puedan usarla a través del Model Context Protocol. Así el asistente puede leer recursos o ajustes de marca y crear diseños en lugar de solo describirlos.

### ¿Qué asistentes de IA son compatibles con servidores MCP?

Claude es compatible con servidores MCP, y ChatGPT puede conectarse a servidores MCP remotos donde su plan y sus ajustes lo permiten. La compatibilidad varía entre apps y cambia con el tiempo, así que consulta la ayuda de cada una.

### ¿Gradiently tiene un servidor MCP?

Sí. Su servidor alojado permite a ChatGPT, Claude y otros asistentes compatibles con servidores MCP remotos buscar Marks, leer tu espacio de trabajo y crear diseños que se abren en el Estudio. La configuración está en la [documentación para desarrolladores](https://gradiently.design/es/developers/mcp).

### ¿Los diseños hechos por MCP gastan créditos de Gradiently?

No cuando tu asistente compone el diseño por sí mismo con las herramientas de Gradiently. Si le pides que pase el trabajo al Designer de Gradiently, ese trabajo se mide en créditos.

### ¿Es seguro conectar servidores MCP?

Son tan seguros como las claves que les das. Conecta servidores publicados por el fabricante de la herramienta, usa una clave con permisos por asistente y revoca las claves que dejes de usar.