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

[Canonical HTML page](https://gradiently.design/sv/guide/what-is-mcp)

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

## The short version

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

**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](https://modelcontextprotocol.io) 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.

| Roll | Vad det är | Exempel |
| --- | --- | --- |
| Värd | AI-programmet du använder | En AI-assistentapp eller ett AI-kodverktyg |
| Klient | En koppling i värden, en per server | Sköter samtalet med en tjänst |
| Server | Ett program som gör en tjänsts funktioner tillgängliga | Ett 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. **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. **Du ber om något** Till exempel: gör en story som meddelar att vi har öppet sent på fredagar.
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. **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. **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](https://gradiently.design/sv/guide/ai-design-tools) går igenom hur du bedömer det, och [varumärkesriktlinjer för AI](https://gradiently.design/sv/guide/brand-guidelines-for-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örighet | Låter assistenten | Ge den när |
| --- | --- | --- |
| Läsa designer | Lista och öppna dina designer | Den behöver se eller bygga vidare på tidigare arbete |
| Skapa och redigera designer | Skapa nya designer och ändra dem | Du vill att den ska ta fram arbete åt dig |
| Söka Marks | Slå upp material på Marknaden | Den ska hitta ett utseende till en brief |
| Generera varumärken | Skapa varumärkesförslag utifrån en beskrivning | Du sätter upp ett nytt varumärke |
| Säkra Marks | Säkra en Mark för din arbetsyta | Bara 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.

> **Anslut bara servrar du litar på** En MCP-server kör kod för din räkning och ser det assistenten skickar till den. Använd servrar som publiceras av tjänsten själv eller av personer du litar på, och läs vilka behörigheter de ber om.

## 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](https://gradiently.design/sv/guide/design-with-claude). För steg-för-steg-installation i olika klienter, se [ansluta en AI-assistent](https://gradiently.design/sv/guide/connect-ai-assistant) och [utvecklardokumentationen](https://gradiently.design/sv/developers/mcp).

## FAQ

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