# MCP-servrar för designers: AI-assistenter som använder riktiga verktyg

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

En assistent som bara kan beskriva en affisch är en konsult. Ge den en MCP-server så kan den göra affischen, i ditt varumärke, i verktyget du redan använder.

## The short version

- En MCP-server är en liten tjänst som låter en AI-assistent använda ett riktigt verktyg genom det öppna protokollet Model Context Protocol.
- MCP-servrar för design låter en assistent söka tillgångar, läsa designfiler eller varumärkesinställningar och skapa designer som öppnas i ett designverktyg.
- Assistenten är värden, MCP-servern är verktygets sida av anslutningen och behörigheterna avgör vad assistenten får göra.
- Gradiently kör en värdbaserad MCP-server, så att ChatGPT, Claude och andra assistenter som stöder MCP-servrar på distans kan söka Marks och skapa designer som öppnas i Studio.
- Använd en begränsad nyckel per assistent och kryssa bara i de behörigheter den behöver.

**MCP-servrar för design** är anslutningar som låter en AI-assistent använda ett riktigt designverktyg i stället för att bara prata om ett. MCP, Model Context Protocol, är en öppen standard: ett designverktyg publicerar en MCP-server, och varje assistent som talar protokollet, som Claude eller ChatGPT, kan anropa dess åtgärder. För designers betyder det en assistent som kan slå upp ditt varumärke, hitta rätt tillgång, lägga ut en design och spara den där du kan öppna och färdigställa den.

## Vad en MCP-server egentligen är

Tänk på tre delar. **Värden** är appen du pratar med, som Claude Desktop eller ChatGPT. Inuti den håller en **MCP-klient** anslutningen öppen. **MCP-servern** tillhör verktyget och listar vad assistenten får göra: dess verktyg (åtgärder), dess resurser (sådant som går att läsa) och ibland färdiga prompter. Den fullständiga specifikationen finns på [modelcontextprotocol.io](https://modelcontextprotocol.io), och [vad MCP är](https://gradiently.design/sv/guide/what-is-mcp) förklarar den med vanliga ord.

| Del | Vad det är | Exempel i design |
| --- | --- | --- |
| Värd | AI-appen du skriver i | Claude, ChatGPT, en redigerare med en assistent |
| Klient | Anslutningen inuti värden | Läggs till en gång i värdens inställningar |
| Server | Verktygets sida, som listar dess åtgärder | Ett designverktygs värdbaserade MCP-slutpunkt |
| Verktyg | Åtgärder som assistenten kan anropa | Söka Marks, skapa en design, göra en storystorlek |
| Behörigheter | Vad nyckeln tillåter | Läsa designer, skapa och redigera, söka Marks |

Ordförrådet du möter när du kopplar ett designverktyg till en assistent.

## Vad som ändras när din assistent har verktyg

### Bara chatt

- Föreslår en layout i ord
- Gissar dina färger utifrån en beskrivning
- Skriver text som du klistrar in någon annanstans
- Genererar en platt bild som du inte kan redigera

### Med en MCP-server

- Sparar en riktig design med lager
- Läser dina faktiska varumärkesinställningar
- Placerar texten i själva designen
- Ger dig en fil som du kan öppna och justera

Skillnaden syns mest på den sista raden. En bildmodell ger tillbaka pixlar, text blir ofta förvriden och inget går att flytta. Ett designverktyg som nås över MCP ger tillbaka en design med levande text, lager och storlekar. [AI-bildgeneratorer eller designverktyg](https://gradiently.design/sv/guide/ai-image-generator-vs-design-tool) går djupare in på den uppdelningen.

## Slags MCP-servrar en designer kan koppla in

- **Designfilsservrar** som låter en assistent läsa ramar, komponenter och variabler ur en designfil. Figma dokumenterar till exempel en MCP-server för att lämna över designer till kod.
- **Servrar för att skapa design** som gör färdigt arbete: inlägg, stories, affischer, rubriker. Gradientlys server är en sådan.
- **Tillgångsservrar** för att söka foton, ikoner eller ett varumärkes eget bibliotek.
- **Webbläsar- och filsystemsservrar** som låter en assistent öppna en webbsida eller läsa en mapp med referenser.
- **Projektservrar** för ärendehantering och dokument, så att briefar och återkoppling följer med arbetet.

Du behöver sällan många. En designserver plus det som redan rymmer dina briefar är en stark start.

## Hur ett önskemål färdas

1. **Du frågar med vanliga ord** ”Gör ett stående Instagraminlägg för vår fredagsprovning, klockan 19.00, i vårt varumärke.”
2. **Assistenten väljer verktyg** Den ser serverns lista över åtgärder och väljer de som passar: läsa varumärket och sedan skapa en design i 1080×1350.
3. **Servern gör jobbet** Designverktyget lägger ut inlägget med dina typsnitt, färger och bakgrund och sparar det.
4. **Du får en länk tillbaka** Assistenten svarar med resultatet. Du öppnar det i verktyget, justerar och exporterar.

Ett stående eventinlägg för en vinprovning på fredag klockan 19.00 på en djup gradientbakgrund

Vad det önskemålet kan komma tillbaka som: en sparad, redigerbar design på varumärkets Mark, inte en platt bild.

## Så kopplar du in Gradientlys MCP-server

Gradiently kör en värdbaserad MCP-server som fungerar i ChatGPT, Claude och varje assistent som stöder MCP-servrar på distans. När den är ansluten kan en assistent söka Marks, de levande gradient- och materialbakgrunderna som varje Gradiently-design bär, läsa din arbetsyta och ditt varumärke och skapa designer som öppnas i Studio. När assistenten lägger ut designen själv kostar det inga Gradiently-krediter, för tänkandet sker på din assistents plan.

En ägare eller admin skapar en begränsad API-nyckel i **Inställningar › API och agenter** och lägger sedan till slutpunkten i klienten. Klienter som läser en JSON-konfiguration tar ett utdrag som det här:

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

Byt ut YOUR_KEY mot en nyckel från Inställningar. Checka aldrig in en riktig nyckel i ett repository.

[Koppla en AI-assistent](https://gradiently.design/sv/guide/connect-ai-assistant) har hela genomgången, och [utvecklardokumentationen](https://gradiently.design/sv/developers/mcp) listar varje verktyg. När du är ansluten ger [MCP-prompter för design](https://gradiently.design/sv/guide/mcp-prompts-for-design) dig önskemål att kopiera.

## Så håller du designanslutningar säkra

### Undvik

- En nyckel med alla behörigheter, delad av alla appar
- Att klistra in nycklar i chattar eller dokument
- Servrar från källor du inte kan identifiera
- Att låta nycklar leva kvar för verktyg du slutat använda

### Gör så här

- En nyckel per assistent, uppkallad efter var den körs
- Kryssa bara i de behörigheter jobbet behöver
- Koppla in servrar som publicerats av verktygets egen tillverkare
- Återkalla nycklar du inte längre använder

En MCP-server kan bara göra det som dess nyckel tillåter, så nyckeln är din viktigaste kontroll. I Gradiently fungerar en nyckel bara på arbetsytan som utfärdade den, har bara de behörigheter som kryssades i när den skapades och kan återkallas när som helst. För vardagsvanor i varje assistent, se [designa med Claude](https://gradiently.design/sv/guide/design-with-claude) och [designa med ChatGPT](https://gradiently.design/sv/guide/design-with-chatgpt).

## FAQ

### Vad är en MCP-server inom design?

Det är en anslutning som ett designverktyg publicerar så att AI-assistenter kan använda det genom Model Context Protocol. Assistenten kan då läsa tillgångar eller varumärkesinställningar och skapa designer i stället för att bara beskriva dem.

### Vilka AI-assistenter stöder MCP-servrar?

Claude stöder MCP-servrar, och ChatGPT kan ansluta till MCP-servrar på distans där dess plan och inställningar tillåter det. Stödet skiljer sig mellan appar och ändras över tid, så kontrollera varje apps hjälpsidor.

### Har Gradiently en MCP-server?

Ja. Dess värdbaserade server låter ChatGPT, Claude och andra assistenter som stöder MCP-servrar på distans söka Marks, läsa din arbetsyta och skapa designer som öppnas i Studio. Installationen finns i [utvecklardokumentationen](https://gradiently.design/sv/developers/mcp).

### Kostar designer som görs via MCP Gradiently-krediter?

Inte när din assistent lägger ut designen själv med Gradientlys verktyg. Om du ber den lämna över jobbet till Gradientlys Designer mäts det arbetet i krediter.

### Är MCP-servrar säkra att koppla in?

De är så säkra som nycklarna du ger dem. Koppla in servrar som publicerats av verktygets tillverkare, använd en begränsad nyckel per assistent och återkalla nycklar du slutar använda.