# Design com o Claude: visuais de marca com a Gradiently

[Canonical HTML page](https://gradiently.design/pt-pt/guide/design-with-claude)

O Claude percebe bem o que queres dizer. Ligado à Gradiently, também o consegue fazer: designs reais e editáveis na tua marca, à espera no Studio do teu toque final.

## The short version

- 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.

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](https://gradiently.design/pt-pt/guide/what-is-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 |

Cada design fica guardado no teu espaço de trabalho e abre no Studio, onde podes mudar tudo à mão.

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](https://gradiently.design/pt-pt/guide/designer-ai-guide) 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](https://gradiently.design/pt-pt/developers/mcp) 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.

```bash
# 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"
```

No Claude Code, um só comando adiciona a ligação. Os outros clientes aceitam o mesmo endereço e cabeçalho nas suas próprias definições.

[Ligar um assistente de IA](https://gradiently.design/pt-pt/guide/connect-ai-assistant) 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."

Uma story vertical a anunciar Aberto até à meia-noite às sextas sobre um fundo em gradiente

A story que o Claude pediu, no Mark da própria marca…

Um cabeçalho largo de X com o mesmo anúncio disposto sobre um gradiente

…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](https://gradiently.design/pt-pt/guide/one-look-every-size) 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](https://gradiently.design/pt-pt/guide/brand-kit-setup).
- **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.

> **Trata a chave como uma palavra-passe** Quem tiver a chave pode agir no teu espaço de trabalho dentro das suas permissões. Mantém-na fora de ficheiros partilhados e de capturas de ecrã e revoga-a de imediato nas Definições se ela vazar. As chaves revogadas deixam de funcionar logo.

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](https://gradiently.design/pt-pt/guide/ai-brand-identity).

## FAQ

### 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.