# Servidores MCP para designers: assistentes de IA com ferramentas reais

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

Um assistente que só consegue descrever um pôster é um consultor. Dê a ele um servidor MCP e ele pode fazer o pôster, na sua marca, na ferramenta que você já usa.

## The short version

- Um servidor MCP é um pequeno serviço que deixa um assistente de IA usar uma ferramenta real por meio do protocolo aberto Model Context Protocol.
- Servidores MCP de design permitem que um assistente busque recursos, leia arquivos de design ou configurações de marca e crie designs que abrem numa ferramenta de design.
- O assistente é o host, o servidor MCP é o lado da ferramenta na conexão e as permissões decidem o que o assistente pode fazer.
- O Gradiently mantém um servidor MCP hospedado, então o ChatGPT, o Claude e outros assistentes que suportam servidores MCP remotos podem buscar Marks e criar designs que abrem no Studio.
- Use uma chave restrita por assistente e marque só as permissões de que ele precisa.

**Servidores MCP para design** são conectores que deixam um assistente de IA usar uma ferramenta de design de verdade, em vez de só falar sobre ela. 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 suas ações. Para designers, isso significa um assistente que consegue consultar a sua marca, achar o recurso certo, montar um design e salvá-lo onde você pode abrir e finalizar.

## O que um servidor MCP realmente é

Pense em três partes. O **host** é o app com que você conversa, como o Claude Desktop ou o ChatGPT. Dentro dele, um **cliente MCP** mantém a conexão aberta. O **servidor MCP** pertence à ferramenta e lista o que o assistente pode fazer: suas ferramentas (ações), seus recursos (coisas para ler) e, às vezes, prompts prontos. A especificação completa está em [modelcontextprotocol.io](https://modelcontextprotocol.io), e [o que é MCP](https://gradiently.design/pt-br/guide/what-is-mcp) a explica em palavras simples.

| Parte | O que é | Exemplo em design |
| --- | --- | --- |
| Host | O app de IA em que você digita | Claude, ChatGPT, um editor com assistente |
| Cliente | A conexão dentro do host | Adicionado uma vez nas configurações do host |
| Servidor | O lado da ferramenta, listando suas ações | O endpoint MCP hospedado de uma ferramenta de design |
| Ferramentas | Ações que o assistente pode chamar | Buscar Marks, criar um design, gerar um tamanho de story |
| Permissões | O que a chave permite | Ler designs, criar e editar, buscar Marks |

O vocabulário que você vai encontrar ao conectar uma ferramenta de design a um assistente.

## O que muda quando seu assistente tem ferramentas

### Só conversa

- Sugere um layout em palavras
- Adivinha suas cores a partir de uma descrição
- Escreve textos que você cola em outro lugar
- Gera uma imagem chapada que você não consegue editar

### Com um servidor MCP

- Salva um design real, em camadas
- Lê as configurações reais da sua marca
- Coloca o texto no próprio design
- Entrega um arquivo que você pode abrir e ajustar

A diferença aparece mais na última linha. Um modelo de imagem devolve pixels; o texto costuma sair truncado e nada pode ser movido. Uma ferramenta de design acessada por MCP devolve um design com texto vivo, camadas e tamanhos. [Geradores de imagem com IA vs ferramentas de design](https://gradiently.design/pt-br/guide/ai-image-generator-vs-design-tool) aprofunda essa divisão.

## Tipos de servidor MCP que um designer pode conectar

- **Servidores de arquivos de design**, que deixam um assistente ler quadros, componentes e variáveis de um arquivo de design. O Figma, por exemplo, documenta um servidor MCP para passar designs ao código.
- **Servidores de criação de design**, que fazem trabalho finalizado: posts, stories, pôsteres, cabeçalhos. O servidor do Gradiently é um deles.
- **Servidores de recursos**, para buscar fotos, ícones ou a biblioteca da própria marca.
- **Servidores de navegador e de sistema de arquivos**, que deixam um assistente abrir uma página da web ou ler uma pasta de referências.
- **Servidores de projeto**, para rastreadores de tarefas e documentos, de modo que briefings e feedback acompanhem o trabalho.

Raramente você precisa de muitos. Um servidor de design mais o que já guarda seus briefings é um ótimo começo.

## Como um pedido percorre o caminho

1. **Você pede em palavras simples** “Faça um post vertical de Instagram para a nossa degustação de sexta, às 19h, na nossa marca.”
2. **O assistente escolhe as ferramentas** Ele 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 monta o post com as suas fontes, cores e fundo, e o salva.
4. **Você recebe um link de volta** O assistente responde com o resultado. Você abre na ferramenta, ajusta e exporta.

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

No que esse pedido pode voltar: um design salvo e editável no Mark da marca, não uma imagem chapada.

## Como conectar o servidor MCP do Gradiently

O Gradiently mantém um servidor MCP hospedado que funciona dentro do ChatGPT, do Claude e de qualquer assistente que suporte servidores MCP remotos. Depois de conectado, um assistente pode buscar Marks, os fundos vivos de gradiente e material que todo design do Gradiently usa, ler seu workspace e sua marca e criar designs que abrem no Studio. Quando o assistente monta o design sozinho, ele não gasta créditos do Gradiently; o raciocínio acontece no plano do seu assistente.

Um dono ou administrador cria uma chave de API restrita em **Configurações › API e agentes** e depois adiciona o endpoint ao cliente. Clientes que leem uma configuração JSON aceitam um trecho como este:

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

Troque YOUR_KEY por uma chave das Configurações. Nunca faça commit de uma chave real num repositório.

[Conectar um assistente de IA](https://gradiently.design/pt-br/guide/connect-ai-assistant) traz o passo a passo completo, e a [documentação para desenvolvedores](https://gradiently.design/pt-br/developers/mcp) lista todas as ferramentas. Depois de conectado, [prompts MCP de design](https://gradiently.design/pt-br/guide/mcp-prompts-for-design) dá pedidos para copiar.

## Como manter as conexões de design seguras

### Evite

- Uma chave com todas as permissões, compartilhada por todos os apps
- Colar chaves em chats ou documentos
- Servidores de fontes que você não consegue identificar
- Deixar chaves ativas para ferramentas que você parou de usar

### Faça

- Uma chave por assistente, com o nome de onde ele roda
- Marque só as permissões de que aquela tarefa precisa
- Conecte servidores publicados pelo próprio fabricante da ferramenta
- Revogue as chaves que você não usa mais

Um servidor MCP só pode fazer o que a sua chave permite, então a chave é o seu principal controle. No Gradiently, uma chave só funciona no workspace que a emitiu, tem apenas as permissões marcadas quando foi criada e pode ser revogada a qualquer momento. Para os hábitos do dia a dia em cada assistente, veja [criar com o Claude](https://gradiently.design/pt-br/guide/design-with-claude) e [criar com o ChatGPT](https://gradiently.design/pt-br/guide/design-with-chatgpt).

## FAQ

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

É um conector que uma ferramenta de design publica para que assistentes de IA a usem por meio do Model Context Protocol. O assistente pode então ler recursos ou configurações de marca e criar designs, em vez de só descrevê-los.

### Quais assistentes de IA suportam servidores MCP?

O Claude suporta servidores MCP, e o ChatGPT pode se conectar a servidores MCP remotos onde o plano e as configurações permitem. O suporte varia entre apps e muda com o tempo, então confira as páginas de ajuda de cada um.

### O Gradiently tem um servidor MCP?

Tem. O servidor hospedado deixa o ChatGPT, o Claude e outros assistentes que suportam servidores MCP remotos buscar Marks, ler seu workspace e criar designs que abrem no Studio. A configuração está na [documentação para desenvolvedores](https://gradiently.design/pt-br/developers/mcp).

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

Não quando o seu assistente monta o design sozinho com as ferramentas do Gradiently. Se você pedir que ele passe o trabalho ao Designer do Gradiently, esse trabalho é medido em créditos.

### É seguro conectar servidores MCP?

São tão seguros quanto as chaves que você dá a eles. Conecte servidores publicados pelo fabricante da ferramenta, use uma chave restrita por assistente e revogue as chaves que parar de usar.