Kortversionen
- 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.
På den här sidan
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, och vad MCP är förklarar den med vanliga ord.
Exempel i design
Exempel i design
Exempel i design
Exempel i design
Vad det är
Exempel i design
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 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.
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:
{
"mcpServers": {
"gradiently": {
"url": "https://gradiently.design/api/mcp",
"headers": { "Authorization": "Bearer YOUR_KEY" }
}
}
}Koppla en AI-assistent har hela genomgången, och utvecklardokumentationen listar varje verktyg. När du är ansluten ger MCP-prompter för 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 och designa med ChatGPT.
Vanliga frågor
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.
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.
Skriven av Gradiently
Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.
Se vår profil