La versión corta
- Claude puede crear diseños reales cuando está conectado a una herramienta de diseño mediante MCP, en lugar de limitarse a describir cómo debería ser un diseño.
- Conectado a Gradiently, Claude puede buscar Marks, leer tu marca, crear y editar diseños, hacer copias en otros tamaños y generar opciones de marca.
- Los diseños que Claude hace en Gradiently son diseños editables normales que se abren en el Studio, así que puedes afinarlos a mano.
- La conexión usa una clave de API con permisos acotados creada en los Ajustes de Gradiently, de modo que Claude solo puede hacer lo que esa clave permite, y la clave se puede revocar en cualquier momento.
- Los mejores resultados vienen de un kit de marca completo y de peticiones concretas que nombran el formato, el mensaje y el público.
En esta página
El diseño con Claude cambia cuando Claude puede usar una herramienta de diseño real. Por sí solo, Claude puede sugerir titulares y describir una composición. Conectado a Gradiently mediante MCP, puede hacer el diseño mismo: elegir un Mark, componer tus palabras con tu marca, producir los tamaños que necesitas y darte un enlace a un diseño editable en el Studio. Tú describes; él construye; tú lo terminas.
Esta guía recorre cómo se ve eso en la práctica, qué pedir y cómo mantener segura la conexión. Si MCP es nuevo para ti, empieza por qué es MCP.
Qué puede hacer Claude en Gradiently
Una vez conectado, Claude ve las herramientas de Gradiently y elige la adecuada para cada petición. Tú hablas con normalidad; él traduce tus palabras en acciones.
| Tú pides | Qué ocurre |
|---|---|
| «Busca Marks calmados en verde azulado profundo» | Claude busca en el Mercado y te muestra los Marks más cercanos con sus códigos |
| «Haz una story anunciando que abrimos hasta tarde los viernes» | El Designer de Gradiently lee tu perfil de marca y tu Mark, compone la story y la guarda; recibes un enlace al Studio |
| «Ahora haz una publicación cuadrada y una cabecera para X a partir de ella» | Las copias se componen de nuevo para cada tamaño, no se estiran |
| «Cambia el titular a Abierto hasta medianoche» | El texto cambia y la composición se mantiene |
| «Somos una panadería nueva llamada Hart & Hollow: enséñame opciones de marca» | Se generan candidatas de marca a partir de tu descripción, y eliges una para adoptarla |
| «Forja un Mark como la primera luz sobre papel hueso» | Se crea una receta de Mark nueva que se puede guardar como tu borrador privado |
Entre bastidores, las peticiones de diseño van al Designer, la IA propia de Gradiently, que lee tu perfil de marca y tu Mark antes de componer y luego revisa su propia composición en busca de márgenes, choques y contraste. Trabajar con el Designer explica lo que puede y no puede hacer.
Cómo conectar Claude con Gradiently
- 1
Crea una clave
En Gradiently, abre Ajustes y luego API y agentes. Pon a la clave el nombre del lugar donde la usarás, como Claude Code, y elige lo que puede hacer. Solo los propietarios y administradores del espacio de trabajo pueden crear claves.
- 2
Cópiala una sola vez
La clave se muestra una única vez. Guárdala en un gestor de contraseñas.
- 3
Añade el servidor a Claude
Apunta tu cliente de Claude a
https://gradiently.design/api/mcp, enviando la clave como token Bearer. El lugar exacto donde añadirlo varía entre las apps de Claude; la documentación para desarrolladores cubre cada una. - 4
Pide algo pequeño
Prueba con «lista mis diseños» o «busca un Mark en naranja cálido» para confirmar la conexión antes de peticiones mayores.
# Claude Code: add Gradiently as a remote MCP server
# (set GRADIENTLY_API_KEY in your environment first; don't paste the key into shared files)
claude mcp add --transport http gradiently https://gradiently.design/api/mcp \
--header "Authorization: Bearer $GRADIENTLY_API_KEY"Conectar un asistente de IA trae también una configuración en lenguaje sencillo para otros clientes MCP.
Un ejemplo paso a paso: un anuncio, tres formatos
Imagina que llevas un bar pequeño y quieres anunciar que abres hasta más tarde. Este es todo el trabajo como una conversación. Primero: «Haz una story de Instagram anunciando que abrimos hasta medianoche los viernes, a partir de esta semana. Que sea tranquila, sin gritar». Claude se lo pide al Designer de Gradiently, que lee tu marca, usa tu Mark y devuelve un enlace. Lo abres y te gusta, pero quieres otra línea, así que dices: «Cambia la línea pequeña a Cocina abierta hasta las once». Después: «Haz una publicación cuadrada y una cabecera para X a partir de ella».
La story que pidió Claude, con el Mark propio de la marca…
…y la copia para la cabecera de X, compuesta de nuevo para su forma alargada, sin estirarla.
Tres formatos, un mismo aspecto, unos minutos. Cada uno es un diseño normal en tu espacio de trabajo, así que puedes ajustar un titular o cambiar una foto en el Studio antes de exportar. Un mismo aspecto, todos los tamaños explica cómo se componen las copias para cada formato.
Cómo pedirle a Claude mejores diseños
Vago
- Haz una publicación sobre nuestro evento
- Algo llamativo
- Usa colores bonitos
Concreto
- Una story que anuncie nuestra fiesta del solsticio en la azotea, 21 de junio, del atardecer al amanecer
- Tranquila y segura; la fecha debe ser lo segundo que se lea
- Usa el Mark de nuestra marca; mantén las palabras en nuestra voz
- Completa primero tu kit de marca. Logotipos, colores, fuentes, para quién es la marca y cómo suena. El Designer lo lee antes de cada diseño. Mira configurar tu kit de marca.
- Nombra el formato. Story, publicación cuadrada, cabecera de X, miniatura de YouTube. Cada uno se compone de forma distinta.
- Da las palabras reales. Fechas, precios y nombres, exactamente como deben aparecer.
- Indica el orden. Qué debe leerse primero, segundo y tercero.
- Edita, no empieces de cero. Pide un cambio cada vez sobre un diseño que casi te convence.
Mantener la conexión segura
Claude solo puede hacer lo que su clave permite. Elige el conjunto más pequeño de permisos para lo que quieres: leer y crear diseños y buscar Marks cubre la mayor parte del trabajo de diseño. Deja desactivado reservar a menos que quieras específicamente que Claude reserve Marks por ti. Publicar un enlace para compartir es siempre un paso explícito, y los diseños que no has compartido siguen siendo privados. Una clave nunca transfiere la propiedad de un Mark a nadie.
Claude y Gradiently hacen cada uno lo que mejor saben: Claude entiende lo que quieres decir, Gradiently guarda tu marca y hace la composición con cuidado, y tú tomas la decisión final. Para ver el panorama más amplio de trabajar así, lee un flujo de trabajo de identidad de marca con IA.
Preguntas frecuentes
¿Puede Claude hacer diseños?
Sí, cuando está conectado a una herramienta de diseño mediante MCP. Conectado a Gradiently, puede crear y editar diseños reales que se abren en el Studio, en lugar de solo describirlos.
¿Cómo conecto Claude con Gradiently?
Crea una clave en los Ajustes de Gradiently, en API y agentes, y luego añade https://gradiently.design/api/mcp a tu cliente de Claude con la clave como token Bearer. En Claude Code, basta un comando claude mcp add.
¿Los diseños de Claude coincidirán con mi marca?
El diseñador de Gradiently lee tu perfil de marca y tu Mark antes de cada diseño, así que completar tu kit de marca, con colores, fuentes y voz, hace que los resultados se parezcan mucho más.
¿Puede Claude reservar Marks o compartir mis diseños sin preguntar?
Solo si su clave tiene ese permiso. Reservar requiere un permiso aparte que puedes dejar desactivado, y un enlace para compartir solo se publica cuando se le pide expresamente a una herramienta que lo haga.
¿Puedo editar lo que hace Claude?
Sí. Cada diseño es un diseño editable normal en tu espacio de trabajo, así que puedes cambiar texto, composición, fotos y tamaños en el Studio.
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
