AI och design

Vad är MCP? Låt din AI-assistent använda riktiga verktyg

En AI-assistent som bara kan prata nöjer sig med att ge råd. En som kan använda dina verktyg kan göra själva jobbet. MCP är standarden som kopplar ihop de två.

GradientlyVerifierat Gradiently-konto··6 minuters läsning
Omslag: Mauve Sound · GR·CX5F·BG

Kortversionen

  • MCP, Model Context Protocol, är en öppen standard som låter AI-program ansluta till externa verktyg och data på ett enhetligt sätt.
  • Anthropic presenterade MCP som en öppen standard i november 2024, och den stöds nu av allt fler AI-appar och utvecklarverktyg.
  • I MCP kör en värdapplikation, till exempel en AI-assistent, klienter som ansluter till servrar, och varje server erbjuder verktyg, resurser och promptar.
  • Med MCP kan en assistent göra riktigt arbete i annan programvara, som att söka bland tillgångar, skapa designer eller uppdatera poster, i stället för att bara beskriva hur man gör.
  • Anslut MCP-servrar med begränsade nycklar som går att återkalla, ge bara de behörigheter en uppgift behöver och granska vad assistenten gör.
På den här sidan

Vad är MCP? MCP, Model Context Protocol, är en öppen standard som låter AI-assistenter använda riktiga verktyg och data. I stället för att varje AI-app bygger en egen integration för varje tjänst erbjuder en tjänst en enda MCP-server, och vilken MCP-kapabel assistent som helst kan ansluta till den. Resultatet är en assistent som kan agera, till exempel söka i dina filer, skapa en design eller uppdatera en post, i stället för att bara tala om hur du gör.

Anthropic presenterade MCP som en öppen standard i november 2024, och sedan dess har den tagits i bruk av allt fler AI-program och utvecklarverktyg. Den officiella MCP-webbplatsen beskriver den som ett universellt sätt att koppla AI-program till externa system och jämför den med en USB-C-port för AI.

Så fungerar MCP: värdar, klienter och servrar

MCP har tre roller. Direkt har du bara med den första och den tredje att göra.

RollVad det ärExempel
VärdAI-programmet du använderEn AI-assistentapp eller ett AI-kodverktyg
KlientEn koppling i värden, en per serverSköter samtalet med en tjänst
ServerEtt program som gör en tjänsts funktioner tillgängligaEtt designverktyg, ett fillager, en kalender, en databas
En värd kan ansluta till många servrar samtidigt, var och en genom sin egen klient.

Varje server kan erbjuda tre slags saker. Verktyg är åtgärder som assistenten kan utföra, till exempel ”skapa en design”. Resurser är data den kan läsa, till exempel en fil eller en varumärkesprofil. Promptar är färdiga instruktioner som servern föreslår för vanliga uppgifter. Servrar kan köras på din egen dator och prata via standard in- och utdata, eller på webben och prata via HTTP.

Vad som händer när en assistent använder ett verktyg

Bakom en enkel begäran är stegen alltid desamma. Det är bra att känna till dem, eftersom varje steg är en plats där du behåller kontrollen.

  1. 1

    Assistenten får veta vad som finns

    När den ansluter frågar klienten varje server efter dess lista över verktyg, med namn, beskrivning och de indata som varje verktyg tar emot.

  2. 2

    Du ber om något

    Till exempel: gör en story som meddelar att vi har öppet sent på fredagar.

  3. 3

    Assistenten väljer ett verktyg

    Den bestämmer att ett designverktyg passar och fyller i indata utifrån din begäran. Många appar frågar om lov innan ett verktyg körs.

  4. 4

    Servern gör jobbet

    Den anropar den riktiga tjänsten med de inloggningsuppgifter du gav den, och bara med de behörigheter de tillåter.

  5. 5

    Resultatet kommer tillbaka

    Servern skickar tillbaka utfallet, till exempel en länk till den nya designen, och assistenten berättar vad den gjorde.

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"
    }
  }
}
Så ser ett verktygsanrop ut på tråden. MCP-meddelanden använder JSON-RPC: en metod, ett verktygsnamn och dess argument. Du behöver aldrig skriva dem själv, det gör assistenten.

Vad MCP gör möjligt för design

Det mesta designarbetet är en kedja av små steg över flera appar. Med MCP kan en assistent sköta den kedjan åt dig, inne i de verktyg du redan använder, medan du har sista ordet.

Assistent utan verktyg

  • Föreslår en rubrik, och du kopierar in den i din designapp
  • Beskriver en palett, och du skriver in hexkoderna
  • Förklarar hur man ändrar storlek, och du gör det fem gånger
  • Kan inte se ditt varumärkeskit eller tidigare designer

Assistent med MCP

  • Skapar designen med rubriken på plats
  • Söker bland riktiga tillgångar och använder dem
  • Gör kopior i varje storlek du ber om
  • Läser din varumärkesprofil innan den börjar

Kvaliteten beror fortfarande på verktyget i andra änden. En assistent kopplad till ett designverktyg med ett starkt varumärkessystem ger arbete som passar varumärket, en kopplad till en tom yta ger generiskt arbete. AI-designverktyg går igenom hur du bedömer det, och varumärkesriktlinjer för AI visar hur du ger en assistent regler den kan följa.

Så håller du MCP säkert

Att ansluta en assistent till en riktig tjänst betyder att den kan ändra riktiga saker. Behandla en MCP-anslutning som att ge en kapabel ny kollega åtkomst: specifik, begränsad och lätt att ta tillbaka.

  • Använd begränsade nycklar. Skapa en nyckel som bara tillåter det uppgiften behöver, till exempel att läsa designer men inte säkra något.
  • En nyckel per plats. Döp varje nyckel efter var den används, så att du kan återkalla en utan att förstöra de andra.
  • Håll nycklar hemliga. Förvara dem i en lösenordshanterare eller klientens säkra inställningar, aldrig i delade filer eller skärmbilder.
  • Granska innan du godkänner. Läs vad ett verktyg är på väg att göra, särskilt när det skapar, ändrar eller förbrukar något.
  • Var försiktig med opålitligt innehåll. Text som en assistent läser via ett verktyg, till exempel en webbsida eller ett dokument, kan innehålla instruktioner. Håll känsliga verktyg avstängda när du arbetar med material du inte litar på.
  • Återkalla det du inte använder. Gamla nycklar är risk utan nytta.
BehörighetLåter assistentenGe den när
Läsa designerLista och öppna dina designerDen behöver se eller bygga vidare på tidigare arbete
Skapa och redigera designerSkapa nya designer och ändra demDu vill att den ska ta fram arbete åt dig
Söka MarksSlå upp material på MarknadenDen ska hitta ett utseende till en brief
Generera varumärkenSkapa varumärkesförslag utifrån en beskrivningDu sätter upp ett nytt varumärke
Säkra MarksSäkra en Mark för din arbetsytaBara om du vill att den ska agera i frågor om ägande
Behörigheter på en Gradiently-nyckel, som exempel på minsta möjliga behörighet: de flesta designuppgifter behöver bara de tre första.

Gradiently och MCP

Gradiently kör en driftsatt MCP-server på https://gradiently.design/api/mcp. Skapa en nyckel i Inställningar under API och agenter, välj vad den får göra (till exempel läsa designer, skapa och redigera designer, söka Marks eller generera varumärken) och lägg till den i din MCP-klient. Nyckeln visas en gång och kan återkallas när som helst. Din assistent kan sedan söka Marks, läsa din arbetsyta, generera varumärkesalternativ och göra designer som öppnas i Studio så att du kan göra dem klara.

json
{
  "mcpServers": {
    "gradiently": {
      "url": "https://gradiently.design/api/mcp",
      "headers": { "Authorization": "Bearer YOUR_KEY" }
    }
  }
}
Formen på en fjärransluten MCP-post i klienter som använder en JSON-konfiguration. Sätt din nyckel där det står YOUR_KEY och håll filen privat.

Vill du se hur det ser ut i praktiken, läs att designa med Claude. För steg-för-steg-installation i olika klienter, se ansluta en AI-assistent och utvecklardokumentationen.

Vanliga frågor

Vad är MCP inom AI?

MCP, Model Context Protocol, är en öppen standard för att koppla AI-program till externa verktyg och data, så att en assistent kan utföra åtgärder i annan programvara i stället för att bara ge råd.

Vem skapade MCP?

Anthropic presenterade Model Context Protocol som en öppen standard i november 2024. Den utvecklas öppet, och många AI-appar och utvecklarverktyg stöder den nu.

Vad är en MCP-server?

Ett program som gör en tjänsts funktioner tillgängliga för AI-assistenter, som verktyg att anropa, resurser att läsa och promptar att använda. Det kan köras på din dator eller på webben.

Är MCP säkert att använda?

Det är lika säkert som de behörigheter du ger. Anslut bara servrar du litar på, använd begränsade nycklar som går att återkalla, granska åtgärder innan du godkänner dem och ta bort nycklar du inte längre använder.

Måste jag kunna koda för att använda MCP?

Oftast inte. I många AI-appar kan du lägga till en MCP-server med en webbadress och en nyckel, och assistenten sköter verktygsanropen själv.

Dela den här guiden

Skriven av GradientlyVerifierat Gradiently-konto

Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.

Se vår profil