# Servidores MCP para designers: IA que usa ferramentas reais

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

Um assistente que só sabe descrever um cartaz é um consultor. Dá-lhe um servidor MCP e ele faz o cartaz, na tua marca, na ferramenta que já usas.

## The short version

- Um servidor MCP é um pequeno serviço que deixa um assistente de IA usar uma ferramenta real através do Model Context Protocol, um protocolo aberto.
- Os servidores MCP de design deixam um assistente pesquisar recursos, ler ficheiros de design ou definições de marca e criar designs que abrem numa ferramenta de design.
- O assistente é o anfitrião, o servidor MCP é o lado da ferramenta na ligação e as permissões decidem o que o assistente pode fazer.
- O Gradiently tem um servidor MCP alojado, por isso o ChatGPT, o Claude e outros assistentes que suportem servidores MCP remotos podem pesquisar Marks e criar designs que abrem no Studio.
- Usa uma chave com âmbito por assistente e assinala apenas as permissões de que ele precisa.

Os **servidores MCP de design** são conectores que deixam um assistente de IA usar uma ferramenta de design real em vez de apenas falar dela. O MCP, o Model Context Protocol, é um padrão aberto: uma ferramenta de design publica um servidor MCP e qualquer assistente que fale o protocolo, como o Claude ou o ChatGPT, pode chamar as suas ações. Para os designers, isso significa um assistente que consegue consultar a tua marca, encontrar o recurso certo, compor um design e guardá-lo onde o podes abrir e terminar.

## O que é, de facto, um servidor MCP

Pensa em três partes. O **anfitrião** é a aplicação com que falas, como o Claude Desktop ou o ChatGPT. Lá dentro, um **cliente MCP** mantém a ligação aberta. O **servidor MCP** pertence à ferramenta e lista o que o assistente pode fazer: as suas ferramentas (ações), os seus recursos (coisas para ler) e, por vezes, prompts prontos. A especificação completa está em [modelcontextprotocol.io](https://modelcontextprotocol.io), e [o que é o MCP](https://gradiently.design/pt-pt/guide/what-is-mcp) explica-a em palavras simples.

| Parte | O que é | Exemplo em design |
| --- | --- | --- |
| Anfitrião | A aplicação de IA onde escreves | Claude, ChatGPT, um editor com assistente |
| Cliente | A ligação dentro do anfitrião | Adicionado uma vez nas definições do anfitrião |
| Servidor | O lado da ferramenta, que lista as suas ações | O ponto de acesso MCP alojado de uma ferramenta de design |
| Ferramentas | Ações que o assistente pode chamar | Pesquisar Marks, criar um design, fazer um tamanho de story |
| Permissões | O que a chave permite | Ler designs, criar e editar, pesquisar Marks |

O vocabulário que vais encontrar ao ligar uma ferramenta de design a um assistente.

## O que muda quando o teu assistente tem ferramentas

### Só conversa

- Sugere um layout por palavras
- Adivinha as tuas cores a partir de uma descrição
- Escreve texto que colas noutro sítio
- Gera uma imagem plana que não podes editar

### Com um servidor MCP

- Guarda um design real, em camadas
- Lê as definições reais da tua marca
- Coloca o texto no próprio design
- Entrega-te um ficheiro que podes abrir e ajustar

A diferença nota-se mais na última linha. Um modelo de imagem devolve píxeis; o texto sai muitas vezes truncado e nada se pode mover. Uma ferramenta de design acedida por MCP devolve um design com texto vivo, camadas e tamanhos. [Geradores de imagens com IA vs ferramentas de design](https://gradiently.design/pt-pt/guide/ai-image-generator-vs-design-tool) aprofunda essa divisão.

## Tipos de servidores MCP que um designer pode ligar

- **Servidores de ficheiros de design** que deixam um assistente ler frames, componentes e variáveis de um ficheiro de design. O Figma, por exemplo, documenta um servidor MCP para passar designs a código.
- **Servidores de criação de design** que fazem trabalho acabado: publicações, stories, cartazes, cabeçalhos. O servidor do Gradiently é um deles.
- **Servidores de recursos** para pesquisar fotografias, ícones ou a biblioteca própria de uma marca.
- **Servidores de navegador e de sistema de ficheiros** que deixam um assistente abrir uma página web ou ler uma pasta de referências.
- **Servidores de projeto** para gestores de tarefas e documentos, para que briefings e feedback viajem com o trabalho.

Raramente precisas de muitos. Um servidor de design mais o que já guarda os teus briefings é um bom começo.

## Como viaja um pedido

1. **Pedes em palavras simples** “Faz uma publicação vertical de Instagram para a nossa prova de sexta, às 19h, na nossa marca.”
2. **O assistente escolhe ferramentas** Vê a lista de ações do servidor e escolhe as que servem: ler a marca e depois criar um design em 1080×1350.
3. **O servidor faz o trabalho** A ferramenta de design compõe a publicação com os teus tipos de letra, cores e fundo, e guarda-a.
4. **Recebes uma ligação de volta** O assistente responde com o resultado. Abres na ferramenta, ajustas e exportas.

Publicação vertical de evento para uma prova de vinhos na sexta às 19h sobre um fundo de gradiente profundo

Aquilo em que esse pedido se pode transformar: um design guardado e editável no Mark da marca, não uma imagem plana.

## Ligar o servidor MCP do Gradiently

O Gradiently tem um servidor MCP alojado que funciona dentro do ChatGPT, do Claude e de qualquer assistente que suporte servidores MCP remotos. Depois de ligado, um assistente pode pesquisar Marks, os fundos vivos de gradiente e material que cada design do Gradiently usa, ler o teu espaço de trabalho e a tua marca e criar designs que abrem no Studio. Quando o assistente compõe o design sozinho, não gasta créditos do Gradiently; o raciocínio acontece no plano do teu assistente.

Um proprietário ou administrador cria uma chave de API com âmbito em **Definições › API e agentes** e depois adiciona o endereço ao cliente. Os clientes que leem uma configuração JSON aceitam um excerto como este:

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

Substitui YOUR_KEY por uma chave das Definições. Nunca submetas uma chave real a um repositório.

[Ligar um assistente de IA](https://gradiently.design/pt-pt/guide/connect-ai-assistant) tem o guia completo, e a [documentação para programadores](https://gradiently.design/pt-pt/developers/mcp) lista todas as ferramentas. Depois de ligado, [prompts MCP de design](https://gradiently.design/pt-pt/guide/mcp-prompts-for-design) dá-te pedidos para copiar.

## Manter as ligações de design seguras

### Evitar

- Uma chave com todas as permissões, partilhada por todas as aplicações
- Colar chaves em conversas ou documentos
- Servidores de fontes que não consegues identificar
- Deixar chaves ativas para ferramentas que deixaste de usar

### Fazer

- Uma chave por assistente, com o nome do sítio onde corre
- Assinalar só as permissões de que essa tarefa precisa
- Ligar servidores publicados pelo próprio criador da ferramenta
- Revogar as chaves que já não usas

Um servidor MCP só pode fazer o que a sua chave permite, por isso a chave é o teu principal controlo. No Gradiently, uma chave só funciona no espaço de trabalho que a emitiu, tem apenas as permissões assinaladas quando foi criada e pode ser revogada a qualquer momento. Para os hábitos do dia a dia em cada assistente, vê [criar designs com o Claude](https://gradiently.design/pt-pt/guide/design-with-claude) e [criar designs com o ChatGPT](https://gradiently.design/pt-pt/guide/design-with-chatgpt).

## FAQ

### O que é um servidor MCP em design?

É um conector que uma ferramenta de design publica para que os assistentes de IA a usem através do Model Context Protocol. O assistente pode então ler recursos ou definições de marca e criar designs, em vez de apenas os descrever.

### Que assistentes de IA suportam servidores MCP?

O Claude suporta servidores MCP, e o ChatGPT pode ligar-se a servidores MCP remotos quando o seu plano e definições o permitem. O suporte difere entre aplicações e muda com o tempo, por isso consulta as páginas de ajuda de cada uma.

### O Gradiently tem um servidor MCP?

Sim. O servidor alojado deixa o ChatGPT, o Claude e outros assistentes que suportem servidores MCP remotos pesquisar Marks, ler o teu espaço de trabalho e criar designs que abrem no Studio. A configuração está na [documentação para programadores](https://gradiently.design/pt-pt/developers/mcp).

### Os designs feitos por MCP gastam créditos do Gradiently?

Não, quando o teu assistente compõe o design sozinho com as ferramentas do Gradiently. Se lhe pedires que passe a tarefa ao Designer do Gradiently, esse trabalho é medido em créditos.

### É seguro ligar servidores MCP?

São tão seguros quanto as chaves que lhes dás. Liga servidores publicados pelo criador da ferramenta, usa uma chave com âmbito por assistente e revoga as chaves que deixares de usar.