# MCP-servere til designere: AI-assistenter med rigtige værktøjer

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

En assistent, der kun kan beskrive en plakat, er en konsulent. Giv den en MCP-server, så kan den lave plakaten, i dit brand, i det værktøj, du allerede bruger.

## The short version

- En MCP-server er en lille tjeneste, der lader en AI-assistent bruge et rigtigt værktøj via den åbne Model Context Protocol.
- MCP-servere til design lader en assistent søge i aktiver, læse designfiler eller brandindstillinger og lave design, der åbner i et designværktøj.
- Assistenten er værten, MCP-serveren er værktøjets side af forbindelsen, og tilladelser afgør, hvad assistenten må.
- Gradiently kører en hostet MCP-server, så ChatGPT, Claude og andre assistenter, der understøtter eksterne MCP-servere, kan søge i Marks og lave design, der åbner i Studio.
- Brug én afgrænset nøgle pr. assistent, og sæt kun flueben ved de tilladelser, den har brug for.

**MCP-servere til design** er forbindelser, der lader en AI-assistent bruge et rigtigt designværktøj i stedet for kun at tale om et. MCP, Model Context Protocol, er en åben standard: Et designværktøj udgiver en MCP-server, og enhver assistent, der taler protokollen, for eksempel Claude eller ChatGPT, kan kalde dens handlinger. For designere betyder det en assistent, der kan slå dit brand op, finde det rigtige aktiv, sætte et design op og gemme det, hvor du kan åbne og gøre det færdigt.

## Hvad en MCP-server egentlig er

Tænk i tre dele. **Værten** er den app, du taler med, for eksempel Claude Desktop eller ChatGPT. Inde i den holder en **MCP-klient** forbindelsen åben. **MCP-serveren** tilhører værktøjet og oplister, hvad assistenten må: dens værktøjer (handlinger), dens ressourcer (ting at læse) og nogle gange færdige prompts. Hele specifikationen ligger på [modelcontextprotocol.io](https://modelcontextprotocol.io), og [hvad er MCP](https://gradiently.design/da/guide/what-is-mcp) forklarer den i almindelige ord.

| Del | Hvad det er | Eksempel fra design |
| --- | --- | --- |
| Vært | Den AI-app, du skriver i | Claude, ChatGPT, en editor med en assistent |
| Klient | Forbindelsen inde i værten | Tilføjes én gang i værtens indstillinger |
| Server | Værktøjets side, som oplister dets handlinger | Et designværktøjs hostede MCP-endpoint |
| Værktøjer | Handlinger, assistenten kan kalde | Søg Marks, lav et design, lav et story-format |
| Tilladelser | Hvad nøglen tillader | Læs designs, opret og redigér, søg Marks |

De ord, du vil møde, når du forbinder et designværktøj med en assistent.

## Hvad der ændrer sig, når din assistent har værktøjer

### Kun chat

- Foreslår et layout med ord
- Gætter dine farver ud fra en beskrivelse
- Skriver tekst, du indsætter et andet sted
- Genererer et fladt billede, du ikke kan redigere

### Med en MCP-server

- Gemmer et rigtigt design med lag
- Læser dine faktiske brandindstillinger
- Placerer teksten i selve designet
- Giver dig en fil, du kan åbne og justere

Forskellen ses tydeligst i den sidste linje. En billedmodel returnerer pixels; teksten er ofte forvansket, og intet kan flyttes. Et designværktøj, der nås via MCP, returnerer et design med levende tekst, lag og formater. [AI-billedgeneratorer vs. designværktøjer](https://gradiently.design/da/guide/ai-image-generator-vs-design-tool) går dybere ind i den opdeling.

## Typer af MCP-servere, en designer kan forbinde

- **Designfilservere**, der lader en assistent læse frames, komponenter og variabler fra en designfil. Figma dokumenterer for eksempel en MCP-server til at overdrage design til kode.
- **Servere til at skabe design**, der laver færdigt arbejde: opslag, stories, plakater, headere. serveren fra Gradiently er en af dem.
- **Aktivservere** til at søge i fotos, ikoner eller et brands eget bibliotek.
- **Browser- og filsystemservere**, der lader en assistent åbne en webside eller læse en mappe med referencer.
- **Projektservere** til opgavestyring og dokumenter, så briefs og feedback følger med arbejdet.

Du har sjældent brug for mange. Én designserver plus det, der allerede rummer dine briefs, er en stærk start.

## Hvordan én forespørgsel bevæger sig

1. **Du spørger med almindelige ord** »Lav et stående Instagram-opslag til vores smagning fredag kl. 19 i vores brand.«
2. **Assistenten vælger værktøjer** Den ser serverens liste over handlinger og vælger dem, der passer: læs brandet, og lav derefter et design i 1080×1350.
3. **Serveren gør arbejdet** Designværktøjet sætter opslaget op med dine skrifttyper, farver og baggrund og gemmer det.
4. **Du får et link tilbage** Assistenten svarer med resultatet. Du åbner det i værktøjet, justerer og eksporterer.

Et eventopslag i stående format til en vinsmagning fredag kl. 19 på en dyb gradientbaggrund

Det, den forespørgsel kan komme tilbage som: et gemt, redigerbart design på brandets Mark, ikke et fladt billede.

## Sådan forbinder du MCP-server fra Gradiently

Gradiently kører en hostet MCP-server, der virker i ChatGPT, Claude og enhver assistent, der understøtter eksterne MCP-servere. Når den er forbundet, kan en assistent søge i Marks, de levende gradient- og materialebaggrunde, som alle Gradiently-design bærer, læse dit arbejdsområde og brand og lave design, der åbner i Studio. Når assistenten selv sætter designet op, bruger den ingen Gradiently-credits; tænkningen sker på assistentens abonnement.

En ejer eller administrator opretter en afgrænset API-nøgle under **Indstillinger › API og agenter** og føjer derefter endpointet til klienten. Klienter, der læser en JSON-konfiguration, tager et udsnit som dette:

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

Erstat YOUR_KEY med en nøgle fra Indstillinger. Commit aldrig en rigtig nøgle til et repository.

[Forbind en AI-assistent](https://gradiently.design/da/guide/connect-ai-assistant) har hele gennemgangen, og [udviklerdokumentationen](https://gradiently.design/da/developers/mcp) oplister alle værktøjer. Når du er forbundet, giver [MCP-prompts til design](https://gradiently.design/da/guide/mcp-prompts-for-design) dig forespørgsler at kopiere.

## Sådan holder du designforbindelser sikre

### Undgå

- Én nøgle med alle tilladelser, delt af alle apps
- At indsætte nøgler i chats eller dokumenter
- Servere fra kilder, du ikke kan identificere
- At lade nøgler være aktive for værktøjer, du er holdt op med at bruge

### Gør

- Én nøgle pr. assistent, navngivet efter hvor den kører
- Sæt kun flueben ved de tilladelser, opgaven kræver
- Forbind servere udgivet af værktøjets egen udvikler
- Tilbagekald nøgler, du ikke længere bruger

En MCP-server kan kun gøre det, dens nøgle tillader, så nøglen er din vigtigste kontrol. I Gradiently virker en nøgle kun i det arbejdsområde, der udstedte den, har kun de tilladelser, der blev sat flueben ved, da den blev lavet, og kan tilbagekaldes når som helst. Gode daglige vaner i hver assistent finder du i [design med Claude](https://gradiently.design/da/guide/design-with-claude) og [design med ChatGPT](https://gradiently.design/da/guide/design-with-chatgpt).

## FAQ

### Hvad er en MCP-server inden for design?

Det er en forbindelse, som et designværktøj udgiver, så AI-assistenter kan bruge det via Model Context Protocol. Assistenten kan så læse aktiver eller brandindstillinger og lave design i stedet for kun at beskrive dem.

### Hvilke AI-assistenter understøtter MCP-servere?

Claude understøtter MCP-servere, og ChatGPT kan forbinde til eksterne MCP-servere, hvor abonnement og indstillinger tillader det. Understøttelsen varierer mellem apps og ændrer sig over tid, så tjek hver enkelts hjælpesider.

### Har Gradiently en MCP-server?

Ja. Den hostede server lader ChatGPT, Claude og andre assistenter, der understøtter eksterne MCP-servere, søge i Marks, læse dit arbejdsområde og lave design, der åbner i Studio. Opsætningen står i [udviklerdokumentationen](https://gradiently.design/da/developers/mcp).

### Bruger design lavet via MCP Gradiently-credits?

Ikke når din assistent selv sætter designet op med værktøjer fra Gradiently. Beder du den give opgaven videre til Designer i Gradiently, måles det arbejde i credits.

### Er MCP-servere sikre at forbinde?

De er lige så sikre som de nøgler, du giver dem. Forbind servere udgivet af værktøjets udvikler, brug én afgrænset nøgle pr. assistent, og tilbagekald nøgler, du holder op med at bruge.