# Serveurs MCP pour designers : des assistants IA aux vrais outils

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

Un assistant qui ne peut que décrire une affiche est un consultant. Donnez-lui un serveur MCP et il peut faire l’affiche, dans votre marque, dans l’outil que vous utilisez déjà.

## The short version

- Un serveur MCP est un petit service qui permet à un assistant IA d’utiliser un vrai outil grâce au protocole ouvert Model Context Protocol.
- Les serveurs MCP pour le design permettent à un assistant de chercher des ressources, de lire des fichiers de design ou des réglages de marque, et de créer des designs qui s’ouvrent dans un outil de design.
- L’assistant est l’hôte, le serveur MCP est le côté outil de la connexion, et les autorisations décident de ce que l’assistant peut faire.
- Gradiently fait tourner un serveur MCP hébergé : ChatGPT, Claude et les autres assistants compatibles avec les serveurs MCP distants peuvent chercher des Marks et créer des designs qui s’ouvrent dans le Studio.
- Utilisez une clé à portée limitée par assistant et ne cochez que les autorisations dont il a besoin.

Les **serveurs MCP pour le design** sont des connecteurs qui permettent à un assistant IA d’utiliser un vrai outil de design au lieu de seulement en parler. MCP, le Model Context Protocol, est un standard ouvert : un outil de design publie un serveur MCP, et tout assistant qui parle ce protocole, comme Claude ou ChatGPT, peut appeler ses actions. Pour un designer, cela signifie un assistant capable de consulter votre marque, de trouver la bonne ressource, de mettre un design en page et de l’enregistrer là où vous pouvez l’ouvrir et le finir.

## Ce qu’est vraiment un serveur MCP

Pensez en trois parties. L’**hôte** est l’application à laquelle vous parlez, comme Claude Desktop ou ChatGPT. À l’intérieur, un **client MCP** maintient la connexion ouverte. Le **serveur MCP** appartient à l’outil et liste ce que l’assistant peut faire : ses outils (des actions), ses ressources (des choses à lire) et parfois des prompts prêts à l’emploi. La spécification complète se trouve sur [modelcontextprotocol.io](https://modelcontextprotocol.io), et [qu’est-ce que MCP](https://gradiently.design/fr/guide/what-is-mcp) l’explique simplement.

| Partie | Ce que c’est | Exemple en design |
| --- | --- | --- |
| Hôte | L’application IA dans laquelle vous tapez | Claude, ChatGPT, un éditeur doté d’un assistant |
| Client | La connexion à l’intérieur de l’hôte | Ajoutée une fois dans les réglages de l’hôte |
| Serveur | Le côté outil, qui liste ses actions | Le point d’accès MCP hébergé d’un outil de design |
| Outils | Les actions que l’assistant peut appeler | Chercher des Marks, créer un design, faire un format story |
| Autorisations | Ce que la clé permet | Lire les créations, créer et modifier, chercher des Marks |

Le vocabulaire que vous croiserez en connectant un outil de design à un assistant.

## Ce qui change quand votre assistant a des outils

### Chat seul

- Suggère une mise en page en mots
- Devine vos couleurs d’après une description
- Écrit un texte que vous collez ailleurs
- Génère une image plate impossible à modifier

### Avec un serveur MCP

- Enregistre un vrai design, en calques
- Lit vos vrais réglages de marque
- Place le texte dans le design lui-même
- Vous remet un fichier à ouvrir et ajuster

La différence se voit surtout à la dernière ligne. Un modèle d’image renvoie des pixels ; le texte est souvent illisible et rien ne peut être déplacé. Un outil de design joint par MCP renvoie un design avec du texte modifiable, des calques et des formats. [Générateurs d’images IA ou outils de design](https://gradiently.design/fr/guide/ai-image-generator-vs-design-tool) approfondit cette distinction.

## Les types de serveurs MCP qu’un designer peut connecter

- **Les serveurs de fichiers de design** qui permettent à un assistant de lire les frames, composants et variables d’un fichier. Figma, par exemple, documente un serveur MCP pour passer des designs au code.
- **Les serveurs de création** qui produisent un travail fini : posts, stories, affiches, bannières. Celui de Gradiently en fait partie.
- **Les serveurs de ressources** pour chercher des photos, des icônes ou la bibliothèque propre à une marque.
- **Les serveurs de navigateur et de fichiers** qui permettent à un assistant d’ouvrir une page web ou de lire un dossier de références.
- **Les serveurs de projet** pour les outils de suivi et les documents, afin que briefs et retours accompagnent le travail.

Vous en avez rarement besoin de beaucoup. Un serveur de design, plus l’outil qui contient déjà vos briefs, constitue un bon départ.

## Le trajet d’une demande

1. **Vous demandez avec des mots simples** « Crée un post Instagram portrait pour notre dégustation du vendredi, 19 h, dans notre marque. »
2. **L’assistant choisit des outils** Il voit la liste des actions du serveur et choisit celles qui conviennent : lire la marque, puis créer un design en 1080×1350.
3. **Le serveur fait le travail** L’outil de design met le post en page avec vos polices, vos couleurs et votre fond, puis l’enregistre.
4. **Vous recevez un lien en retour** L’assistant répond avec le résultat. Vous l’ouvrez dans l’outil, ajustez, puis exportez.

Un post événement portrait pour une dégustation de vins le vendredi à 19 h sur un fond dégradé profond

Ce que cette demande peut donner : un design enregistré et modifiable sur le Mark de la marque, pas une image plate.

## Connecter le serveur MCP de Gradiently

Gradiently fait tourner un serveur MCP hébergé qui fonctionne dans ChatGPT, Claude et tout assistant compatible avec les serveurs MCP distants. Une fois connecté, un assistant peut chercher des Marks, ces fonds vivants de dégradé et de matière que porte chaque design Gradiently, lire votre espace de travail et votre marque, et créer des designs qui s’ouvrent dans le Studio. Quand l’assistant met lui-même le design en page, il ne consomme aucun crédit Gradiently ; la réflexion se fait sur l’abonnement de votre assistant.

Un propriétaire ou un administrateur crée une clé API à portée limitée dans **Paramètres › API et agents**, puis ajoute le point d’accès au client. Les clients qui lisent une configuration JSON acceptent un extrait comme celui-ci :

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

Remplacez YOUR_KEY par une clé issue des Paramètres. Ne publiez jamais une vraie clé dans un dépôt de code.

[Connecter un assistant IA](https://gradiently.design/fr/guide/connect-ai-assistant) détaille toute la marche à suivre, et la [documentation développeurs](https://gradiently.design/fr/developers/mcp) liste chaque outil. Une fois connecté, [les prompts MCP de design](https://gradiently.design/fr/guide/mcp-prompts-for-design) vous donnent des demandes à copier.

## Sécuriser vos connexions de design

### À éviter

- Une clé avec toutes les autorisations, partagée par toutes les applications
- Coller des clés dans des chats ou des documents
- Des serveurs de sources que vous ne pouvez pas identifier
- Laisser actives des clés d’outils que vous n’utilisez plus

### À faire

- Une clé par assistant, nommée d’après l’endroit où elle sert
- Ne cocher que les autorisations nécessaires à la tâche
- Connecter les serveurs publiés par l’éditeur de l’outil lui-même
- Révoquer les clés que vous n’utilisez plus

Un serveur MCP ne peut faire que ce que sa clé autorise : la clé est donc votre principal levier de contrôle. Dans Gradiently, une clé ne fonctionne que dans l’espace de travail qui l’a émise, ne porte que les autorisations cochées à sa création et peut être révoquée à tout moment. Pour les habitudes au quotidien dans chaque assistant, voyez [créer avec Claude](https://gradiently.design/fr/guide/design-with-claude) et [créer avec ChatGPT](https://gradiently.design/fr/guide/design-with-chatgpt).

## FAQ

### Qu’est-ce qu’un serveur MCP en design ?

C’est un connecteur publié par un outil de design pour que les assistants IA puissent l’utiliser via le Model Context Protocol. L’assistant peut alors lire des ressources ou des réglages de marque et créer des designs au lieu de seulement les décrire.

### Quels assistants IA prennent en charge les serveurs MCP ?

Claude prend en charge les serveurs MCP, et ChatGPT peut se connecter à des serveurs MCP distants quand son abonnement et ses réglages le permettent. La prise en charge varie selon les applications et évolue, vérifiez donc les pages d’aide de chacune.

### Gradiently a-t-il un serveur MCP ?

Oui. Son serveur hébergé permet à ChatGPT, Claude et aux autres assistants compatibles avec les serveurs MCP distants de chercher des Marks, de lire votre espace de travail et de créer des designs qui s’ouvrent dans le Studio. La configuration est décrite dans la [documentation développeurs](https://gradiently.design/fr/developers/mcp).

### Les designs créés via MCP consomment-ils des crédits Gradiently ?

Pas quand votre assistant met lui-même le design en page avec les outils de Gradiently. Si vous lui demandez de confier la tâche au Designer de Gradiently, ce travail est décompté en crédits.

### Les serveurs MCP sont-ils sûrs à connecter ?

Ils sont aussi sûrs que les clés que vous leur donnez. Connectez les serveurs publiés par l’éditeur de l’outil, utilisez une clé à portée limitée par assistant et révoquez les clés que vous n’utilisez plus.