Kort fortalt
- 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.
På denne side
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, og hvad er MCP forklarer den i almindelige ord.
Eksempel fra design
Eksempel fra design
Eksempel fra design
Hvad det er
Eksempel fra design
Hvad det er
Eksempel fra design
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 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.
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:
{
"mcpServers": {
"gradiently": {
"url": "https://gradiently.design/api/mcp",
"headers": { "Authorization": "Bearer YOUR_KEY" }
}
}
}Forbind en AI-assistent har hele gennemgangen, og udviklerdokumentationen oplister alle værktøjer. Når du er forbundet, giver MCP-prompts til 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 og design med ChatGPT.
Spørgsmål, folk stiller
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.
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.
Skrevet af Gradiently
Holdet bag Gradiently, et designværktøj bygget om Marks: levende gradienter, der får alt, du designer, til at ligne dig.
Se vores profil