# MCP-servers voor ontwerpers: AI-assistenten die echte tools gebruiken

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

Een assistent die een poster alleen kan beschrijven, is een adviseur. Geef hem een MCP-server en hij maakt de poster, in jouw merk, in de tool die je al gebruikt.

## The short version

- Een MCP-server is een kleine dienst waarmee een AI-assistent via het open Model Context Protocol een echte tool kan gebruiken.
- Met MCP-servers voor ontwerp kan een assistent assets zoeken, ontwerpbestanden of merkinstellingen lezen en ontwerpen maken die in een ontwerptool openen.
- De assistent is de host, de MCP-server is de kant van de tool in de verbinding, en rechten bepalen wat de assistent mag doen.
- Gradiently draait een gehoste MCP-server, zodat ChatGPT, Claude en andere assistenten met ondersteuning voor externe MCP-servers Marks kunnen zoeken en ontwerpen kunnen maken die in de Studio openen.
- Gebruik één sleutel met beperkte rechten per assistent en vink alleen de rechten aan die hij nodig heeft.

**MCP-servers voor ontwerp** zijn koppelingen waarmee een AI-assistent een echte ontwerptool gebruikt in plaats van er alleen over te praten. MCP, het Model Context Protocol, is een open standaard: een ontwerptool publiceert een MCP-server, en elke assistent die het protocol spreekt, zoals Claude of ChatGPT, kan zijn acties aanroepen. Voor ontwerpers betekent dat een assistent die je merk opzoekt, het juiste asset vindt, een ontwerp opmaakt en het opslaat waar jij het kunt openen en afmaken.

## Wat een MCP-server eigenlijk is

Denk aan drie onderdelen. De **host** is de app waarmee je praat, zoals Claude Desktop of ChatGPT. Daarin houdt een **MCP-client** de verbinding open. De **MCP-server** hoort bij de tool en noemt wat de assistent mag doen: zijn tools (acties), zijn resources (dingen om te lezen) en soms kant-en-klare prompts. De volledige specificatie staat op [modelcontextprotocol.io](https://modelcontextprotocol.io), en [wat MCP is](https://gradiently.design/nl/guide/what-is-mcp) legt het uit in gewone woorden.

| Onderdeel | Wat het is | Voorbeeld in ontwerp |
| --- | --- | --- |
| Host | De AI-app waarin je typt | Claude, ChatGPT, een editor met een assistent |
| Client | De verbinding binnen de host | Eenmalig toegevoegd in de instellingen van de host |
| Server | De kant van de tool, met zijn acties | Het gehoste MCP-endpoint van een ontwerptool |
| Tools | Acties die de assistent kan aanroepen | Marks zoeken, een ontwerp maken, een storyformaat maken |
| Rechten | Wat de sleutel toestaat | Ontwerpen lezen, maken en bewerken, Marks zoeken |

De woorden die je tegenkomt als je een ontwerptool met een assistent verbindt.

## Wat er verandert als je assistent tools heeft

### Alleen chat

- Stelt een opmaak voor in woorden
- Raadt je kleuren uit een beschrijving
- Schrijft tekst die je ergens anders plakt
- Genereert een vlakke afbeelding die je niet kunt bewerken

### Met een MCP-server

- Slaat een echt ontwerp met lagen op
- Leest je echte merkinstellingen
- Zet de tekst in het ontwerp zelf
- Geeft je een bestand dat je kunt openen en bijwerken

Het verschil zie je het sterkst in de laatste regel. Een beeldmodel levert pixels op; tekst is vaak vervormd en niets is te verplaatsen. Een ontwerptool die je via MCP bereikt, levert een ontwerp met echte tekst, lagen en formaten. [AI-beeldgeneratoren versus ontwerptools](https://gradiently.design/nl/guide/ai-image-generator-vs-design-tool) gaat dieper in op die scheiding.

## Soorten MCP-servers die een ontwerper kan verbinden

- **Servers voor ontwerpbestanden** waarmee een assistent frames, componenten en variabelen uit een ontwerpbestand leest. Figma beschrijft bijvoorbeeld een MCP-server om ontwerpen aan code door te geven.
- **Servers voor het maken van ontwerpen** die afgerond werk opleveren: posts, stories, posters, headers. De server van Gradiently is er een.
- **Assetservers** om foto’s, iconen of de eigen bibliotheek van een merk te doorzoeken.
- **Browser- en bestandssysteemservers** waarmee een assistent een webpagina opent of een map met referenties leest.
- **Projectservers** voor issuetrackers en documenten, zodat briefings en feedback met het werk meereizen.

Je hebt er zelden veel nodig. Eén ontwerpserver plus wat je briefings al bevat, is een sterke start.

## Hoe één verzoek reist

1. **Je vraagt het in gewone woorden** “Maak een staande Instagram-post voor onze proeverij van vrijdag, 19.00 uur, in ons merk.”
2. **De assistent kiest tools** Hij ziet de lijst met acties van de server en kiest wat past: het merk lezen en dan een ontwerp maken van 1080×1350.
3. **De server doet het werk** De ontwerptool maakt de post op met je lettertypen, kleuren en achtergrond, en slaat hem op.
4. **Je krijgt een link terug** De assistent antwoordt met het resultaat. Jij opent het in de tool, past aan en exporteert.

Een staande eventpost voor een wijnproeverij op vrijdag om 19.00 uur op een diepe verloopachtergrond

Wat dat verzoek kan opleveren: een opgeslagen, bewerkbaar ontwerp op de Mark van het merk, geen vlak plaatje.

## De MCP-server van Gradiently verbinden

Gradiently draait een gehoste MCP-server die werkt in ChatGPT, Claude en elke assistent met ondersteuning voor externe MCP-servers. Eenmaal verbonden kan een assistent Marks zoeken, de levende verlopen en materiaalachtergronden die elk Gradiently-ontwerp draagt, je workspace en merk lezen en ontwerpen maken die in de Studio openen. Als de assistent het ontwerp zelf opmaakt, kost dat geen Gradiently-credits; het denkwerk gebeurt op het abonnement van je assistent.

Een eigenaar of beheerder maakt in **Instellingen › API en agents** een sleutel met beperkte rechten en voegt daarna het endpoint toe aan de client. Clients die een JSON-configuratie lezen, nemen een fragment als dit:

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

Vervang YOUR_KEY door een sleutel uit Instellingen. Commit nooit een echte sleutel naar een repository.

[Een AI-assistent verbinden](https://gradiently.design/nl/guide/connect-ai-assistant) heeft de volledige uitleg, en de [ontwikkelaarsdocumentatie](https://gradiently.design/nl/developers/mcp) noemt elke tool. Ben je verbonden, dan geeft [MCP-prompts voor ontwerp](https://gradiently.design/nl/guide/mcp-prompts-for-design) je verzoeken om te kopiëren.

## Ontwerpverbindingen veilig houden

### Vermijd

- Eén sleutel met alle rechten, gedeeld door elke app
- Sleutels in chats of documenten plakken
- Servers van bronnen die je niet kunt herleiden
- Sleutels laten leven voor tools die je niet meer gebruikt

### Doe

- Eén sleutel per assistent, genoemd naar waar hij draait
- Vink alleen de rechten aan die die taak nodig heeft
- Verbind servers die de maker van de tool zelf publiceert
- Trek sleutels in die je niet meer gebruikt

Een MCP-server kan alleen doen wat zijn sleutel toestaat, dus de sleutel is je belangrijkste controle. In Gradiently werkt een sleutel alleen in de workspace die hem heeft uitgegeven, draagt hij alleen de rechten die bij het maken zijn aangevinkt en kan hij altijd worden ingetrokken. Voor dagelijkse gewoonten in elke assistent zie je [ontwerpen met Claude](https://gradiently.design/nl/guide/design-with-claude) en [ontwerpen met ChatGPT](https://gradiently.design/nl/guide/design-with-chatgpt).

## FAQ

### Wat is een MCP-server in ontwerp?

Het is een koppeling die een ontwerptool publiceert zodat AI-assistenten hem via het Model Context Protocol kunnen gebruiken. De assistent kan dan assets of merkinstellingen lezen en ontwerpen maken in plaats van ze alleen te beschrijven.

### Welke AI-assistenten ondersteunen MCP-servers?

Claude ondersteunt MCP-servers, en ChatGPT kan met externe MCP-servers verbinden waar zijn abonnement en instellingen dat toelaten. De ondersteuning verschilt per app en verandert in de loop van de tijd, dus bekijk de helppagina’s van elke app.

### Heeft Gradiently een MCP-server?

Ja. Zijn gehoste server laat ChatGPT, Claude en andere assistenten met ondersteuning voor externe MCP-servers Marks zoeken, je workspace lezen en ontwerpen maken die in de Studio openen. De installatie staat in de [ontwikkelaarsdocumentatie](https://gradiently.design/nl/developers/mcp).

### Kosten ontwerpen via MCP Gradiently-credits?

Niet als je assistent het ontwerp zelf opmaakt met de tools van Gradiently. Vraag je hem de klus aan de Designer van Gradiently over te dragen, dan wordt dat werk in credits gemeten.

### Zijn MCP-servers veilig om te verbinden?

Ze zijn zo veilig als de sleutels die je ze geeft. Verbind servers die de maker van de tool publiceert, gebruik één sleutel met beperkte rechten per assistent en trek sleutels in die je niet meer gebruikt.