La versión corta
- Gradiently ofrece un servidor MCP alojado para Claude en https://gradiently.design/api/mcp.
- En la app de Claude, Gradiently se añade como conector personalizado con inicio de sesión OAuth; en Claude Code, se añade con una clave de API limitada de Ajustes › API y agentes.
- Una clave nueva empieza con los permisos que necesita cualquier herramienta de diseño, y Reservar Marks queda desactivado salvo que lo elijas.
- Cuando Claude compone un diseño con las herramientas de Gradiently no gasta créditos de IA de Gradiently, y cada diseño guardado se abre en el Studio.
- Una clave solo funciona en el espacio de trabajo que la emitió, actúa como el propietario o administrador que la creó y puede revocarse al instante.
En esta página
Para configurar el conector de Gradiently para Claude, apunta Claude al servidor MCP alojado de Gradiently en https://gradiently.design/api/mcp. En la app de Claude, añádelo como conector personalizado e inicia sesión en Gradiently. En Claude Code, añádelo desde el terminal con una clave de API limitada. En ambos casos Claude podrá buscar Marks, leer tu kit de marca y crear diseños que se guardan en tu espacio de trabajo y se abren en el Studio, con todas las palabras editables.
MCP, el Model Context Protocol, es el estándar abierto que permite a Claude usar herramientas reales. Qué es MCP lo explica de forma sencilla, y el propio protocolo está documentado en modelcontextprotocol.io.
De qué forma conectar Claude
Cómo se conecta
Inicio de sesión
Cómo se conecta
Inicio de sesión
Cómo se conecta
Inicio de sesión
Elijas la vía que elijas, tienes que ser propietario o administrador del espacio de trabajo de Gradiently. Los editores y lectores no pueden conectar asistentes ni crear claves.
Conectar la app de Claude con un conector personalizado
- 1
Abre los ajustes de conectores de Claude
Añade un conector personalizado. Qué planes de Claude permiten conectores personalizados lo decide Anthropic, así que consulta la ayuda de Claude si no ves la opción. Conectores de Claude explica la función.
- 2
Pega la dirección del servidor
Llámalo Gradiently y usa
https://gradiently.design/api/mcp. Elige el inicio de sesión OAuth. - 3
Inicia sesión y elige un espacio de trabajo
En la ventana de Gradiently, elige el espacio de trabajo en el que debe trabajar Claude y lee los permisos en Permitir que este asistente pueda.
- 4
Permite y comprueba
Elige Permitir conexión. De vuelta en Claude, pídele que enumere sus herramientas de Gradiently para confirmarlo.
El acceso se renueva automáticamente durante un máximo de 30 días y luego vuelves a conectar. Un conector personalizado puedes usarlo al momento; aparecer en el directorio público de Claude es otra cosa y necesita la revisión de Anthropic.
Conectar Claude Code con una clave de API limitada
Claude Code usa una clave en lugar de iniciar sesión. Crea una en Gradiently en Ajustes › API y agentes: elige el espacio de trabajo, ponle el nombre del lugar donde vivirá (Claude Code, portátil), marca lo que puede hacer y selecciona Crear clave. La clave se muestra una sola vez, así que cópiala enseguida en tu gestor de contraseñas.
export GRADIENTLY_API_KEY="gr_live_…"
claude mcp add --transport http gradiently https://gradiently.design/api/mcp \
--header "Authorization: Bearer $GRADIENTLY_API_KEY"Otros clientes que leen un archivo JSON suelen aceptar el mismo servidor y la misma cabecera. Ajustes muestra un fragmento listo en Conectar un cliente MCP.
{
"mcpServers": {
"gradiently": {
"url": "https://gradiently.design/api/mcp",
"headers": { "Authorization": "Bearer gr_live_…" }
}
}
}Elegir los permisos de la clave
Cada permiso es un ámbito. Una clave nueva empieza con cinco que cubren todas las herramientas de diseño, así que la mayoría de la gente no cambia nada. Añade los demás solo cuando Claude de verdad los necesite.
Activado por defecto
Qué permite
Activado por defecto
Qué permite
Activado por defecto
Qué permite
Activado por defecto
Qué permite
Activado por defecto
Qué permite
Activado por defecto
Qué permite
Activado por defecto
Qué permite
Activado por defecto
Qué permite
Qué puede hacer Claude una vez conectado
Claude trabaja con las mismas acciones que tienes en el producto. Puede buscar en el Mercado por nombre, palabras de color o código; leer el perfil, el tono y las fuentes de tu marca; dibujar un diseño original, mirar la imagen renderizada y refinarla; rellenar una de las plantillas de Gradiently; cambiar el texto de un diseño guardado; hacer copias redimensionadas; y renderizar un diseño a PNG o PDF. Cuando Claude compone el diseño por sí mismo, Gradiently no cobra créditos de IA. Si le pides que pase el trabajo al Designer de Gradiently, eso usa créditos como lo haría en el Studio.
Claude Code facilita un tipo de trabajo concreto. Imagina que tienes un blog y quieres una imagen de enlace para cada artículo. Pide: «Para cada artículo de /content, haz una vista previa de enlace de 1200×630 con nuestra marca y el título del artículo, y renderiza cada una como PNG en /public/og». Claude diseña cada imagen en Gradiently, la revisa y escribe los archivos donde tu sitio los espera. Tamaño de imagen Open Graph explica por qué 1200×630.
Una vista previa de enlace de 1200×630 diseñada a través del servidor MCP de Gradiently y renderizada directamente en la carpeta de un sitio.
Prompts que funcionan bien con Claude
- «Lee el perfil de nuestra marca y haz una publicación de LinkedIn y otra de X anunciando nuestra nueva oficina en Bristol».
- «Busca tres Marks oscuros con material de seda cercanos a un verde azulado profundo y dame sus códigos».
- «Toma el anuncio de ayer y haz a partir de él una historia y una miniatura de YouTube».
- «Cambia la fecha del cartel del evento al 14 de noviembre y renderízalo como PDF».
Cuanto mejor sea tu kit de marca, menos tendrás que decir en cada petición; tono de marca para la IA muestra qué rellenar. Para más ideas centradas en publicaciones para redes, mira Claude para redes sociales, y para la visión general, diseño con Claude.
Mantener segura la conexión
Una clave puede
- Funcionar en el único espacio de trabajo que la emitió
- Hacer lo que permitan el rol de su creador y sus ámbitos
- Crear diseños que pertenecen al espacio de trabajo
- Mostrar en Ajustes cuándo se usó por última vez
Una clave nunca puede
- Acceder a otro espacio de trabajo, aunque pertenezcas a él
- Pagar nada ni acceder a la facturación
- Transferir, poner a la venta o liberar un Mark
- Crear ni gestionar otras claves
Si una clave se filtra o dejas de usarla, selecciona Revocar junto a ella en Ajustes › API y agentes y dejará de funcionar al instante. Las claves también dejan de funcionar cuando su creador sale del espacio de trabajo o pierde el rol de administrador. ¿También usas ChatGPT? Gradiently en ChatGPT tiene su propia configuración, y la referencia completa de herramientas está en la documentación para desarrolladores.
Preguntas frecuentes
¿Cuál es la dirección del servidor MCP de Gradiently para Claude?
https://gradiently.design/api/mcp. En la app de Claude úsala como conector personalizado con OAuth; en Claude Code, añádela con tu clave de API en la cabecera Authorization.
¿Necesito una clave de API para usar Gradiently en Claude?
En la app de Claude no, porque inicia sesión con OAuth. Claude Code y la mayoría de los demás clientes MCP necesitan una clave limitada de Ajustes › API y agentes.
¿Claude gasta mis créditos de IA de Gradiently?
No cuando compone diseños por sí mismo con las herramientas de Gradiently. Pasar un trabajo al Designer de Gradiently sí usa créditos.
¿Puede Claude reservar un Mark por mí?
Solo con una clave que tenga el permiso Reservar Marks, desactivado por defecto. Cualquier reserva que requiera pago tiene que terminarse en Gradiently.
¿Por qué Claude dice que no puede autenticarse?
La clave se escribió mal o se revocó, o su creador ya no es propietario o administrador del espacio de trabajo. Crea una clave nueva y actualiza tu cliente.
Escrito por Gradiently
El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.
Ver nuestro perfil