A versão curta
- O Claude consegue fazer designs reais quando está ligado a uma ferramenta de design por MCP, em vez de apenas descrever como um design deveria ser.
- Ligado à Gradiently, o Claude pode pesquisar Marks, ler a tua marca, criar e editar designs, fazer cópias noutros tamanhos e gerar propostas de marca.
- Os designs que o Claude faz na Gradiently são designs editáveis normais que abrem no Studio, por isso podes refiná-los à mão.
- A ligação usa uma chave de API com âmbito criada nas Definições da Gradiently, por isso o Claude só pode fazer o que essa chave permite, e a chave pode ser revogada a qualquer momento.
- Os melhores resultados vêm de um kit de marca preenchido e de pedidos específicos que indicam o formato, a mensagem e o público.
Nesta página
O design com o Claude muda quando ele pode usar uma ferramenta de design a sério. Sozinho, o Claude consegue sugerir títulos e descrever um layout. Ligado à Gradiently por MCP, pode fazer o próprio design: escolher um Mark, compor o teu texto na tua marca, produzir os tamanhos de que precisas e entregar-te uma ligação para um design editável no Studio. Tu descreves; ele constrói; tu acabas.
Este guia percorre o que isto parece na prática, o que pedir e como manter a ligação segura. Se o MCP é novidade para ti, começa por o que é o MCP.
O que o Claude consegue fazer na Gradiently
Depois de ligado, o Claude vê as ferramentas da Gradiently e escolhe a certa para cada pedido. Falas normalmente; ele traduz as tuas palavras em ações.
| Tu pedes | O que acontece |
|---|---|
| "Encontra Marks calmos em verde-azulado profundo" | O Claude pesquisa no Mercado e mostra-te os Marks mais próximos com os respetivos códigos |
| "Faz uma story a anunciar que abrimos até tarde às sextas" | O designer da Gradiently lê o perfil da tua marca e o Mark, compõe a story e guarda-a; recebes uma ligação para o Studio |
| "Agora faz uma publicação quadrada e um cabeçalho de X a partir dela" | As cópias são recompostas para cada tamanho, não esticadas |
| "Muda o título para Aberto até à meia-noite" | O texto muda e o layout mantém-se |
| "Somos uma padaria nova chamada Hart & Hollow: mostra-me propostas de marca" | São geradas propostas de marca a partir da tua descrição, e escolhes uma para adotar |
| "Forja um Mark como a primeira luz sobre papel cor de osso" | É feita uma nova receita de Mark que pode ser guardada como rascunho privado teu |
Nos bastidores, os pedidos de design vão para o Designer, a IA da própria Gradiently, que lê o perfil da tua marca e o teu Mark antes de compor e depois revê o seu próprio layout quanto a margens, colisões e contraste. Trabalhar com o Designer explica o que ele pode e não pode fazer.
Como ligar o Claude à Gradiently
- 1
Cria uma chave
Na Gradiently, abre Definições e depois API e agentes. Dá à chave o nome do sítio onde a vais usar, como Claude Code, e escolhe o que ela pode fazer. Só os proprietários e administradores do espaço de trabalho podem criar chaves.
- 2
Copia-a uma vez
A chave é mostrada uma única vez. Guarda-a num gestor de palavras-passe.
- 3
Adiciona o servidor ao Claude
Aponta o teu cliente Claude para
https://gradiently.design/api/mcp, enviando a chave como token Bearer. O sítio exato onde a adicionar difere entre as apps Claude; a documentação para programadores cobre cada uma. - 4
Pede algo pequeno
Experimenta "lista os meus designs" ou "encontra um Mark em laranja quente" para confirmar a ligação antes de pedidos maiores.
# 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"Ligar um assistente de IA tem também uma configuração em linguagem simples para outros clientes MCP.
Um passo a passo: um anúncio, três formatos
Imagina que geres um bar pequeno e queres anunciar aberturas até mais tarde. Aqui está o trabalho todo como conversa. Primeiro: "Faz uma story do Instagram a anunciar que estamos abertos até à meia-noite às sextas, a partir desta semana. Mantém-na calma, sem gritar." O Claude pede ao designer da Gradiently, que lê a tua marca, usa o teu Mark e devolve uma ligação. Abres, gostas, mas queres outra frase, e dizes: "Muda a linha pequena para Cozinha aberta até às onze." Depois: "Faz uma publicação quadrada e um cabeçalho de X a partir dela."
A story que o Claude pediu, no Mark da própria marca…
…e a cópia para o cabeçalho de X, recomposta para a sua forma larga em vez de esticada.
Três formatos, um só aspeto, poucos minutos. Cada um é um design normal no teu espaço de trabalho, por isso podes ajustar um título ou trocar uma fotografia no Studio antes de exportar. Um só aspeto, todos os tamanhos explica como as cópias são recompostas para cada formato.
Como pedir melhores designs ao Claude
Vago
- Faz uma publicação sobre o nosso evento
- Algo que chame a atenção
- Usa cores bonitas
Específico
- Uma story a anunciar a nossa festa de solstício no terraço, 21 de junho, do pôr do sol ao nascer do sol
- Calmo e confiante; a data deve ser a segunda coisa que as pessoas leem
- Usa o Mark da nossa marca; mantém as palavras na nossa voz
- Preenche primeiro o teu kit de marca. Logótipos, cores, fontes, para quem é a marca e como soa. O designer lê-o antes de cada design. Vê configurar o teu kit de marca.
- Indica o formato. Story, publicação quadrada, cabeçalho de X, miniatura do YouTube. Cada um é composto de forma diferente.
- Dá as palavras reais. Datas, preços e nomes, exatamente como devem aparecer.
- Diz a ordem. O que as pessoas devem ler primeiro, segundo e terceiro.
- Edita, não recomeces. Pede uma alteração de cada vez num design de que já gostas em grande parte.
Manter a ligação segura
O Claude só pode fazer o que a sua chave permite. Escolhe o menor conjunto de permissões para o que queres: ler e criar designs e pesquisar Marks cobre a maior parte do trabalho de design. Deixa a reserva desligada, a não ser que queiras mesmo que o Claude reserve Marks por ti. Publicar uma ligação de partilha é sempre um passo explícito, e os designs que não partilhaste continuam privados. Uma chave nunca transfere a propriedade de um Mark para ninguém.
O Claude e a Gradiently fazem cada um o que sabem fazer: o Claude percebe o que queres dizer, a Gradiently guarda a tua marca e faz a composição cuidada, e tu tomas a decisão final. Para uma visão mais ampla de trabalhar assim, lê um fluxo de identidade de marca com IA.
Perguntas frequentes
O Claude consegue fazer designs?
Sim, quando está ligado a uma ferramenta de design por MCP. Ligado à Gradiently, pode criar e editar designs reais que abrem no Studio, em vez de apenas os descrever.
Como ligo o Claude à Gradiently?
Cria uma chave nas Definições da Gradiently, em API e agentes, e depois adiciona https://gradiently.design/api/mcp ao teu cliente Claude com a chave como token Bearer. No Claude Code, um só comando claude mcp add faz isso.
Os designs do Claude vão condizer com a minha marca?
O designer da Gradiently lê o perfil da tua marca e o Mark antes de cada design, por isso preencher o kit de marca, incluindo cores, fontes e voz, faz os resultados condizerem muito mais.
O Claude pode reservar Marks ou partilhar os meus designs sem perguntar?
Só se a sua chave tiver essa permissão. Reservar exige uma permissão à parte que podes deixar desligada, e uma ligação de partilha só é publicada quando se pede explicitamente a uma ferramenta que a publique.
Posso editar o que o Claude faz?
Sim. Cada design é um design editável normal no teu espaço de trabalho, por isso podes mudar texto, layout, fotografias e tamanhos no Studio.
Escrito pela Gradiently
A equipa por trás da Gradiently, uma ferramenta de design construída em torno dos Marks: gradientes vivos que fazem tudo o que crias parecer teu.
Ver o nosso perfil
