Kortversionen
- Claude kan göra riktiga designer när det är kopplat till ett designverktyg via MCP, i stället för att bara beskriva hur en design ska se ut.
- Kopplat till Gradiently kan Claude söka Marks, läsa ditt varumärke, skapa och redigera designer, göra kopior i andra storlekar och generera varumärkesförslag.
- Designer som Claude gör i Gradiently är vanliga redigerbara designer som öppnas i Studion, så att du kan finjustera dem för hand.
- Anslutningen använder en API-nyckel med begränsad behörighet som skapas i Gradiently Inställningar, så Claude kan bara göra det nyckeln tillåter, och nyckeln kan återkallas när som helst.
- De bästa resultaten kommer från ett ifyllt varumärkeskit och konkreta önskemål som nämner formatet, budskapet och målgruppen.
På den här sidan
Claude och design förändras när Claude kan använda ett riktigt designverktyg. På egen hand kan Claude föreslå rubriker och beskriva en layout. Kopplat till Gradiently via MCP kan det göra designen själv: välja en Mark, lägga upp dina ord i ditt varumärke, ta fram de storlekar du behöver och ge dig en länk till en redigerbar design i Studion. Du beskriver, det bygger, du gör det sista.
Den här guiden visar hur det ser ut i praktiken, vad du ska be om och hur du håller anslutningen säker. Om MCP är nytt för dig, börja med vad MCP är.
Vad Claude kan göra i Gradiently
När Claude är anslutet ser det Gradiently verktyg och väljer rätt för varje önskemål. Du pratar som vanligt, och det översätter dina ord till handlingar.
| Du ber om | Vad som händer |
|---|---|
| ”Hitta lugna Marks i djup turkos” | Claude söker på Marknaden och visar de närmaste Marks med deras koder |
| ”Gör en story som meddelar att vi har öppet sent på fredagar” | Designern i Gradiently läser din varumärkesprofil och Mark, lägger upp storyn och sparar den, och du får en länk till Studion |
| ”Gör nu ett kvadratiskt inlägg och en X-header av den” | Kopior läggs upp på nytt för varje storlek, inte utsträckta |
| ”Ändra rubriken till Öppet till midnatt” | Texten ändras och layouten förblir |
| ”Vi är ett nytt bageri som heter Hart & Hollow: visa mig varumärkesförslag” | Varumärkeskandidater genereras utifrån din beskrivning, och du väljer ett att anta |
| ”Smid en Mark som tidigt ljus på benvitt papper” | Ett nytt Mark-recept görs och kan sparas som ditt privata utkast |
Bakom kulisserna går designförfrågningar till Designern, Gradiently egen AI, som läser din varumärkesprofil och din Mark innan den komponerar och sedan granskar sin egen layout med avseende på marginaler, kollisioner och kontrast. Att arbeta med Designern tar upp vad den kan och inte kan.
Så kopplar du Claude till Gradiently
- 1
Skapa en nyckel
Öppna Inställningar i Gradiently och sedan API och agenter. Döp nyckeln efter var du ska använda den, till exempel Claude Code, och välj vad den får göra. Bara ägare och administratörer av arbetsytan kan skapa nycklar.
- 2
Kopiera den en gång
Nyckeln visas bara en gång. Spara den i en lösenordshanterare.
- 3
Lägg till servern i Claude
Peka din Claude-klient mot
https://gradiently.design/api/mcpoch skicka nyckeln som en Bearer-token. Exakt var du lägger till den skiljer sig mellan Claude-apparna, och utvecklardokumentationen tar upp varje. - 4
Be om något litet
Prova ”lista mina designer” eller ”hitta en Mark i varm orange” för att bekräfta anslutningen innan större önskemål.
# Claude Code: add Gradiently as a remote MCP server
# (set GRADIENTLY_API_KEY in your environment first; don't paste the key into shared files)
claude mcp add --transport http gradiently https://gradiently.design/api/mcp \
--header "Authorization: Bearer $GRADIENTLY_API_KEY"Ansluta en AI-assistent har installationsanvisningar på vanlig svenska även för andra MCP-klienter.
En genomgång: ett meddelande, tre format
Säg att du driver en liten bar och vill meddela att ni har öppet senare. Här är hela jobbet som ett samtal. Först: ”Gör en Instagram-story som meddelar att vi har öppet till midnatt på fredagar, från och med den här veckan. Håll den lugn, inte skrikig.” Claude frågar Designern i Gradiently, som läser ditt varumärke, använder din Mark och returnerar en länk. Du öppnar den och gillar den, men vill ha en annan rad, så du säger: ”Ändra den lilla raden till Köket har öppet till elva.” Sedan: ”Gör ett kvadratiskt inlägg och en X-header av den.”
Storyn som Claude fick be om, i varumärkets egen Mark…
…och X-headerns kopia, lagd på nytt för sin breda form i stället för utsträckt.
Tre format, ett utseende, några minuter. Var och en är en vanlig design på din arbetsyta, så du kan justera en rubrik eller byta ett foto i Studion innan du exporterar. Ett utseende, alla storlekar förklarar hur kopior läggs upp för varje format.
Så ber du Claude om bättre designer
Vagt
- Gör ett inlägg om vårt event
- Något som fångar blicken
- Använd fina färger
Konkret
- En story som meddelar vår takfest vid solståndet, 21 juni, från solnedgång till soluppgång
- Lugn och säker, och datumet ska vara det andra folk läser
- Använd vår varumärkes-Mark och håll orden i vår röst
- Fyll i ditt varumärkeskit först. Logotyper, färger, typsnitt, vem varumärket riktar sig till och hur det låter. Designern läser det före varje design. Se så ställer du in ditt varumärkeskit.
- Nämn formatet. Story, kvadratiskt inlägg, X-header, YouTube-miniatyr. Var och en läggs upp olika.
- Ge de riktiga orden. Datum, priser och namn, exakt som de ska stå.
- Säg ordningen. Vad folk ska läsa först, andra och tredje.
- Redigera, börja inte om. Be om en ändring i taget på en design du mest gillar.
Håll anslutningen säker
Claude kan bara göra det dess nyckel tillåter. Välj den minsta uppsättning behörigheter som passar det du vill: att läsa och skapa designer och söka Marks täcker det mesta designarbetet. Låt säkra Marks vara avstängt om du inte specifikt vill att Claude ska säkra Marks åt dig. Att publicera en delningslänk är alltid ett uttryckligt steg, och designer du inte delat förblir privata. En nyckel överför aldrig en Marks ägande till någon.
Claude och Gradiently gör var och en det de är bra på: Claude förstår vad du menar, Gradiently håller ditt varumärke och gör den noggranna layouten, och du fattar det slutliga beslutet. För den större bilden av att arbeta så, läs ett arbetsflöde för visuell identitet med AI.
Vanliga frågor
Kan Claude göra designer?
Ja, när det är kopplat till ett designverktyg via MCP. Kopplat till Gradiently kan det skapa och redigera riktiga designer som öppnas i Studion, i stället för att bara beskriva dem.
Hur kopplar jag Claude till Gradiently?
Skapa en nyckel i Gradiently Inställningar under API och agenter och lägg sedan till https://gradiently.design/api/mcp i din Claude-klient med nyckeln som en Bearer-token. I Claude Code räcker ett enda claude mcp add-kommando.
Kommer Claudes designer att passa mitt varumärke?
Designern i Gradiently läser din varumärkesprofil och Mark före varje design, så att fylla i ditt varumärkeskit, med färger, typsnitt och röst, gör att resultaten passar mycket bättre.
Kan Claude säkra Marks eller dela mina designer utan att fråga?
Bara om dess nyckel har den behörigheten. Att säkra kräver en separat behörighet som du kan låta vara avstängd, och en delningslänk publiceras bara när ett verktyg uttryckligen ombeds publicera en.
Kan jag redigera det Claude gör?
Ja. Varje design är en vanlig redigerbar design på din arbetsyta, så du kan ändra text, layout, foton och storlekar i Studion.
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
