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

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, en wat MCP is legt het uit in gewone woorden.

Wat er verandert als je assistent tools heeft

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

   Je vraagt het in gewone woorden

   “Maak een staande Instagram-post voor onze proeverij van vrijdag, 19.00 uur, in ons merk.”

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

   De server doet het werk

   De ontwerptool maakt de post op met je lettertypen, kleuren en achtergrond, en slaat hem op.

4. 4

   Je krijgt een link terug

   De assistent antwoordt met het resultaat. Jij opent het in de tool, past aan en exporteert.

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:

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

Een AI-assistent verbinden heeft de volledige uitleg, en de ontwikkelaarsdocumentatie noemt elke tool. Ben je verbonden, dan geeft MCP-prompts voor ontwerp je verzoeken om te kopiëren.

Ontwerpverbindingen veilig houden

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 en ontwerpen met ChatGPT.