Kortversjonen
- En MCP-server er en liten tjeneste som lar en AI-assistent bruke et ekte verktøy gjennom den åpne Model Context Protocol.
- MCP-servere for design lar en assistent søke etter ressurser, lese designfiler eller merkevareinnstillinger og lage design som åpnes i et designverktøy.
- Assistenten er verten, MCP-serveren er verktøyets side av tilkoblingen, og tillatelsene avgjør hva assistenten kan gjøre.
- Gradiently driver en vertstjeneste for MCP, så ChatGPT, Claude og andre assistenter som støtter eksterne MCP-servere, kan søke etter Marks og lage design som åpnes i Studio.
- Bruk én nøkkel med avgrenset tilgang per assistent, og kryss bare av tillatelsene den trenger.
På denne siden
MCP-servere for design er tilkoblinger som lar en AI-assistent bruke et ekte designverktøy fremfor bare å snakke om det. MCP, Model Context Protocol, er en åpen standard: et designverktøy publiserer en MCP-server, og alle assistenter som støtter protokollen, som Claude og ChatGPT, kan kalle handlingene. For designere betyr det en assistent som kan slå opp merkevaren, finne riktig ressurs, sette opp et design og lagre det der du kan åpne og fullføre det.
Hva en MCP-server faktisk er
Tenk på tre deler. Verten er appen du snakker med, som Claude Desktop eller ChatGPT. Inni den holder en MCP-klient tilkoblingen åpen. MCP-serveren tilhører verktøyet og lister hva assistenten kan gjøre: verktøyene, altså handlinger, ressursene, altså ting å lese, og noen ganger ferdige prompter. Den fulle spesifikasjonen ligger på modelcontextprotocol.io, og hva MCP er forklarer den enkelt.
Designeksempel
Designeksempel
Designeksempel
Designeksempel
Hva det er
Designeksempel
Hva som endres når assistenten har verktøy
Bare chat
- Foreslår et oppsett med ord
- Gjetter fargene ut fra en beskrivelse
- Skriver tekst du limer inn et annet sted
- Genererer et flatt bilde du ikke kan redigere
Med en MCP-server
- Lagrer et ekte design med lag
- Leser de faktiske merkevareinnstillingene
- Plasserer teksten i selve designet
- Gir deg en fil du kan åpne og justere
Forskjellen vises tydeligst i siste linje. En bildemodell returnerer piksler; teksten er ofte feil, og ingenting kan flyttes. Et designverktøy nådd via MCP returnerer et design med redigerbar tekst, lag og størrelser. AI-bildegeneratorer eller designverktøy går nærmere inn på forskjellen.
Typer MCP-servere en designer kan koble til
- Servere for designfiler lar assistenten lese rammer, komponenter og variabler fra en designfil. Figma dokumenterer for eksempel en MCP-server for overlevering av design til kode.
- Servere som lager design, lager ferdig arbeid: innlegg, storyer, plakater og toppbilder. Serveren til Gradiently er en av dem.
- Ressursservere brukes til å søke etter bilder, ikoner eller merkevarens eget bibliotek.
- Nettleser- og filsystemservere lar assistenten åpne en nettside eller lese en mappe med referanser.
- Prosjektservere kobler til oppgavestyring og dokumenter, så briefer og tilbakemeldinger følger arbeidet.
Du trenger sjelden mange. Én designserver og verktøyet som allerede har briefene dine, er en god start.
Slik går én forespørsel gjennom systemet
- 1
Du spør med vanlige ord
«Lag et stående Instagram-innlegg om fredagens vinsmaking klokken 19, i merkevarens uttrykk.»
- 2
Assistenten velger verktøy
Den ser serverens handlingsliste og velger det som passer: les merkevaren og lag deretter et design i 1080×1350.
- 3
Serveren gjør jobben
Designverktøyet setter opp innlegget med skrifttypene, fargene og bakgrunnen din og lagrer det.
- 4
Du får en lenke tilbake
Assistenten svarer med resultatet. Du åpner det i verktøyet, justerer og eksporterer.
Slik forespørselen kan komme tilbake: et lagret, redigerbart design med merkevarens Mark, ikke et flatt bilde.
Koble til MCP-serveren til Gradiently
Gradiently driver en ekstern MCP-server som fungerer i ChatGPT, Claude og alle assistenter som støtter eksterne MCP-servere. Etter tilkobling kan en assistent søke etter Marks, de levende gradient- og materialbakgrunnene alle Gradiently-design bruker, lese arbeidsområdet og merkevaren og lage design som åpnes i Studio. Når assistenten setter opp designet selv, bruker den ingen Gradiently-kreditter; arbeidet skjer på assistentens abonnement.
En eier eller administrator oppretter en API-nøkkel med avgrenset tilgang i Innstillinger › API og agenter og legger deretter endepunktet til i klienten. Klienter som leser JSON-konfigurasjon, bruker en kodebit som denne:
{
"mcpServers": {
"gradiently": {
"url": "https://gradiently.design/api/mcp",
"headers": { "Authorization": "Bearer YOUR_KEY" }
}
}
}Koble til en AI-assistent har hele veiledningen, og utviklerdokumentasjonen lister alle verktøy. Når du er koblet til, gir MCP-designprompter deg forespørsler du kan kopiere.
Hold designtilkoblingene trygge
Unngå
- Én nøkkel med alle tillatelser, delt av alle appene
- Å lime inn nøkler i chatter eller dokumenter
- Servere fra kilder du ikke kan identifisere
- Å la nøkler være aktive for verktøy du ikke bruker lenger
Gjør dette
- Bruk én nøkkel per assistent, navngitt etter hvor den brukes
- Kryss bare av tillatelsene oppgaven trenger
- Koble til servere publisert av verktøyets egen utvikler
- Tilbakekall nøkler du ikke bruker lenger
En MCP-server kan bare gjøre det nøkkelen tillater, så nøkkelen er den viktigste kontrollen din. I Gradiently fungerer en nøkkel bare i arbeidsområdet som utstedte den, har bare tillatelsene du valgte da den ble laget, og kan tilbakekalles når som helst. Se design med Claude og design med ChatGPT for daglige arbeidsvaner i hver assistent.
Spørsmål folk stiller
Hva er en MCP-server for design?
Det er en tilkobling et designverktøy publiserer slik at AI-assistenter kan bruke det gjennom Model Context Protocol. Assistenten kan da lese ressurser eller merkevareinnstillinger og lage design fremfor bare å beskrive dem.
Hvilke AI-assistenter støtter MCP-servere?
Claude støtter MCP-servere, og ChatGPT kan koble til eksterne MCP-servere der abonnementet og innstillingene tillater det. Støtten varierer mellom apper og endrer seg, så sjekk hjelpesidene for hver enkelt.
Har Gradiently en MCP-server?
Ja. Den eksterne serveren lar ChatGPT, Claude og andre assistenter som støtter eksterne MCP-servere, søke etter Marks, lese arbeidsområdet og lage design som åpnes i Studio. Oppsettet finnes i utviklerdokumentasjonen.
Bruker design laget via MCP Gradiently-kreditter?
Ikke når assistenten setter opp designet selv med verktøyene i Gradiently. Ber du den overlate jobben til Designer i Gradiently, måles arbeidet i kreditter.
Er det trygt å koble til MCP-servere?
De er så trygge som nøklene du gir dem. Koble til servere publisert av verktøyets utvikler, bruk én nøkkel med avgrenset tilgang per assistent og tilbakekall nøkler du slutter å bruke.
Skrevet av Gradiently
Teamet bak Gradiently, et designverktøy bygget rundt Marks: levende gradienter som gjør at alt du designer ser ut som ditt.
Se profilen vår