AI en ontwerp

Wat is MCP? Je AI-assistent echte tools laten gebruiken

Een AI-assistent die alleen kan praten, blijft beperkt tot advies. Een assistent die je tools kan gebruiken, kan het werk echt doen. MCP is de standaard die de twee verbindt.

GradientlyGeverifieerd Gradiently-account··6 min lezen
Cover: Mauve Sound · GR·CX5F·BG

De korte versie

  • MCP, het Model Context Protocol, is een open standaard waarmee AI-toepassingen op een consistente manier verbinding maken met externe tools en data.
  • Anthropic introduceerde MCP in november 2024 als open standaard, en het wordt nu ondersteund door een groeiend aantal AI-apps en ontwikkeltools.
  • In MCP draait een hosttoepassing, zoals een AI-assistent, clients die verbinding maken met servers, en elke server biedt tools, bronnen en prompts aan.
  • Met MCP kan een assistent echt werk doen in andere software, zoals bestanden zoeken, ontwerpen maken of gegevens bijwerken, in plaats van alleen te beschrijven hoe het moet.
  • Verbind MCP-servers met afgebakende, intrekbare sleutels, geef alleen de rechten die een taak nodig heeft en controleer wat de assistent doet.
Op deze pagina

Wat is MCP? MCP, het Model Context Protocol, is een open standaard waarmee AI-assistenten echte tools en data kunnen gebruiken. In plaats van dat elke AI-app voor elke dienst een eigen integratie bouwt, biedt een dienst één MCP-server aan en kan elke assistent die MCP ondersteunt er verbinding mee maken. Het resultaat is een assistent die kan handelen, zoals je bestanden doorzoeken, een ontwerp maken of een gegeven bijwerken, in plaats van je alleen te vertellen hoe het moet.

Anthropic introduceerde MCP in november 2024 als open standaard, en sindsdien is het overgenomen door een groeiend aantal AI-toepassingen en ontwikkeltools. De officiële MCP-site beschrijft het als een universele manier om AI-toepassingen met externe systemen te verbinden, en vergelijkt het met een USB-C-poort voor AI.

Hoe MCP werkt: hosts, clients en servers

MCP heeft drie rollen. Je hebt zelf alleen met de eerste en de derde direct te maken.

RolWat het isVoorbeeld
HostDe AI-toepassing die je gebruiktEen app met een AI-assistent, of een AI-codeertool
ClientEen connector binnen de host, één per serverRegelt het gesprek met één dienst
ServerEen programma dat de mogelijkheden van een dienst beschikbaar maaktEen ontwerptool, een bestandsopslag, een agenda, een database
Eén host kan met veel servers tegelijk verbonden zijn, elk via een eigen client.

Elke server kan drie soorten dingen aanbieden. Tools zijn acties die de assistent kan uitvoeren, zoals ‘maak een ontwerp’. Bronnen zijn data die hij kan lezen, zoals een bestand of een merkprofiel. Prompts zijn kant-en-klare instructies die de server voorstelt voor veelvoorkomende taken. Servers kunnen op je eigen computer draaien en communiceren via standaardinvoer en standaarduitvoer, of op het web en communiceren via HTTP.

Wat er gebeurt wanneer een assistent een tool gebruikt

Achter een eenvoudig verzoek zijn de stappen altijd dezelfde. Het helpt ze te kennen, want elke stap is een plek waar jij de controle houdt.

  1. 1

    De assistent leert wat er beschikbaar is

    Bij het verbinden vraagt de client elke server om zijn lijst met tools, met een naam, een beschrijving en de invoer die elke tool nodig heeft.

  2. 2

    Jij vraagt om iets

    Bijvoorbeeld: maak een story die aankondigt dat we op vrijdag tot laat open zijn.

  3. 3

    De assistent kiest een tool

    Hij bepaalt dat een ontwerptool past en vult de invoer in op basis van je verzoek. Veel apps vragen je toestemming voordat een tool wordt uitgevoerd.

  4. 4

    De server doet het werk

    Hij roept de echte dienst aan met de inloggegevens die je hem gaf, en alleen met de rechten die die gegevens toestaan.

  5. 5

    Het resultaat komt terug

    De server geeft de uitkomst terug, zoals een link naar het nieuwe ontwerp, en de assistent vertelt je wat hij heeft gedaan.

json
{
  "jsonrpc": "2.0",
  "id": 7,
  "method": "tools/call",
  "params": {
    "name": "design",
    "arguments": {
      "request": "A story announcing that we open late on Fridays",
      "size": "ig-story"
    }
  }
}
Hoe een toolaanroep er over de lijn uitziet. MCP-berichten gebruiken JSON-RPC: een methode, een toolnaam en de argumenten. Je hoeft ze nooit zelf te schrijven; dat doet de assistent.

Wat MCP mogelijk maakt voor design

Het meeste ontwerpwerk is een keten van kleine stappen over meerdere apps. Met MCP kan een assistent die keten voor je dragen, binnen de tools die je al gebruikt, terwijl jij het laatste woord houdt.

Assistent zonder tools

  • Stelt een kop voor; jij kopieert die naar je ontwerp-app
  • Beschrijft een palet; jij typt de hexcodes in
  • Legt uit hoe je het formaat wijzigt; jij doet het vijf keer
  • Kan je merkkit en eerdere ontwerpen niet zien

Assistent met MCP

  • Maakt het ontwerp met de kop op zijn plek
  • Zoekt echte bestanden en past ze toe
  • Maakt kopieën in elk formaat waar je om vraagt
  • Leest je merkprofiel voordat hij begint

De kwaliteit hangt nog steeds af van de tool aan de andere kant. Een assistent die is verbonden met een ontwerptool met een sterk merksysteem maakt werk dat bij het merk past; een assistent die is verbonden met een leeg canvas maakt generiek werk. AI-ontwerptools beschrijft hoe je dat beoordeelt, en merkrichtlijnen voor AI laat zien hoe je een assistent regels geeft die hij kan volgen.

Veilig blijven met MCP

Een assistent verbinden met een echte dienst betekent dat hij echte dingen kan veranderen. Behandel een MCP-verbinding zoals je een bekwame nieuwe collega toegang geeft: specifiek, beperkt en makkelijk terug te nemen.

  • Gebruik afgebakende sleutels. Maak een sleutel die alleen toestaat wat de taak nodig heeft, zoals ontwerpen lezen maar niets claimen.
  • Eén sleutel per plek. Noem elke sleutel naar de plek waar hij wordt gebruikt, zodat je er één kunt intrekken zonder de andere te breken.
  • Houd sleutels geheim. Bewaar ze in een wachtwoordmanager of in de beveiligde instellingen van de client, nooit in gedeelde bestanden of screenshots.
  • Controleer voordat je goedkeurt. Lees wat een tool op het punt staat te doen, vooral wanneer hij iets maakt, verandert of uitgeeft.
  • Wees voorzichtig met inhoud die je niet vertrouwt. Tekst die een assistent via een tool leest, zoals een webpagina of een document, kan instructies bevatten. Houd gevoelige tools uit wanneer je werkt met materiaal dat je niet vertrouwt.
  • Trek in wat je niet gebruikt. Oude sleutels zijn risico zonder voordeel.
RechtLaat de assistentGeef het wanneer
Ontwerpen lezenJe ontwerpen weergeven en openenHij eerder werk moet zien of erop moet voortbouwen
Ontwerpen maken en bewerkenNieuwe ontwerpen maken en ze veranderenJe wilt dat hij werk voor je maakt
Marks zoekenMaterialen opzoeken in de MarktHij een look moet vinden voor een briefing
Merken genererenMerkkandidaten maken op basis van een beschrijvingJe een nieuw merk opzet
Marks claimenEen Mark claimen voor je workspaceAlleen als je wilt dat hij over eigendom beslist
Rechten op een sleutel van Gradiently, als voorbeeld van minimale rechten: de meeste ontwerptaken hebben alleen de eerste drie nodig.

Gradiently en MCP

Gradiently draait een gehoste MCP-server op https://gradiently.design/api/mcp. Maak een sleutel in Instellingen onder API en agents, kies wat hij mag doen (zoals ontwerpen lezen, ontwerpen maken en bewerken, Marks zoeken of merken genereren) en voeg hem toe aan je MCP-client. De sleutel wordt één keer getoond en kan op elk moment worden ingetrokken. Je assistent kan daarna Marks zoeken, je workspace lezen, merkopties genereren en ontwerpen maken die in de Studio opengaan zodat jij ze kunt afmaken.

json
{
  "mcpServers": {
    "gradiently": {
      "url": "https://gradiently.design/api/mcp",
      "headers": { "Authorization": "Bearer YOUR_KEY" }
    }
  }
}
De vorm van een vermelding voor een externe MCP-server in clients die een JSON-configuratie gebruiken. Zet je sleutel op de plek van YOUR_KEY en houd het bestand privé.

Voor een rondleiding door hoe dat er in de praktijk uitziet, zie ontwerpen met Claude. Voor de installatie stap voor stap in verschillende clients, zie een AI-assistent verbinden en de documentatie voor ontwikkelaars.

Vragen die mensen stellen

Wat is MCP in AI?

MCP, het Model Context Protocol, is een open standaard om AI-toepassingen te verbinden met externe tools en data, zodat een assistent acties kan uitvoeren in andere software in plaats van alleen advies te geven.

Wie heeft MCP gemaakt?

Anthropic introduceerde het Model Context Protocol in november 2024 als open standaard. Het wordt in het openbaar ontwikkeld, en veel AI-apps en ontwikkeltools ondersteunen het nu.

Wat is een MCP-server?

Een programma dat de mogelijkheden van een dienst beschikbaar maakt voor AI-assistenten, als tools om aan te roepen, bronnen om te lezen en prompts om te gebruiken. Het kan op je computer draaien of op het web.

Is MCP veilig om te gebruiken?

Het is zo veilig als de rechten die je geeft. Verbind alleen servers die je vertrouwt, gebruik afgebakende en intrekbare sleutels, controleer acties voordat je ze goedkeurt en verwijder sleutels die je niet meer gebruikt.

Moet ik kunnen programmeren om MCP te gebruiken?

Meestal niet. In veel AI-apps voeg je een MCP-server toe met een URL en een sleutel, en de assistent regelt de toolaanroepen zelf.

Deel deze gids

Geschreven door GradientlyGeverifieerd Gradiently-account

Het team achter Gradiently, een ontwerptool rond Marks: levende kleurverlopen die alles wat je ontwerpt op jou laten lijken.

Bekijk ons profiel