Kortversjonen
- Claude kan lage ekte design når den er koblet til et designverktøy gjennom MCP, i stedet for bare å beskrive hvordan et design bør se ut.
- Koblet til Gradiently kan Claude søke etter Marks, lese merkevaren din, opprette og redigere design, lage kopier i andre størrelser og generere merkevareforslag.
- Design Claude lager i Gradiently, er vanlige redigerbare design som åpnes i Studio, så du kan finjustere dem for hånd.
- Tilkoblingen bruker en API-nøkkel med avgrensede tillatelser opprettet i Innstillinger i Gradiently, så Claude kan bare gjøre det nøkkelen tillater, og nøkkelen kan trekkes tilbake når som helst.
- De beste resultatene kommer fra et utfylt merkevaresett og konkrete forespørsler som angir format, budskap og målgruppe.
På denne siden
Design med Claude endrer seg når Claude kan bruke et ekte designverktøy. På egen hånd kan Claude foreslå overskrifter og beskrive et oppsett. Koblet til Gradiently gjennom MCP kan den lage selve designet: velge en Mark, sette opp ordene dine i merkevarens uttrykk, lage størrelsene du trenger og gi deg en lenke til et redigerbart design i Studio. Du beskriver, den bygger, du fullfører.
Denne guiden viser hvordan det fungerer i praksis, hva du bør be om og hvordan du holder tilkoblingen trygg. Er MCP nytt for deg, begynn med hva er MCP.
Hva Claude kan gjøre i Gradiently
Når tilkoblingen er klar, ser Claude verktøyene i Gradiently og velger det riktige for hver forespørsel. Du snakker vanlig; den gjør ordene dine til handlinger.
| Du ber om | Hva som skjer |
|---|---|
| «Finn rolige Marks i dyp blågrønn» | Claude søker i Markedet og viser de nærmeste Markene med kodene deres |
| «Lag en story om at vi har sent åpent på fredager» | Designer i Gradiently leser merkevareprofilen og Marken din, setter opp storyen og lagrer den; du får en Studio-lenke |
| «Lag nå et kvadratisk innlegg og et X-toppbilde fra dette» | Kopiene settes opp på nytt for hver størrelse, de strekkes ikke |
| «Endre overskriften til Åpent til midnatt» | Teksten endres, og oppsettet beholdes |
| «Vi er et nytt bakeri som heter Hart & Hollow: vis meg merkevareforslag» | Merkevareforslag genereres fra beskrivelsen din, og du velger ett du vil bruke |
| «Lag en Mark som tidlig lys på benhvitt papir» | En ny Mark-oppskrift lages og kan lagres som ditt private utkast |
Bak kulissene går designforespørsler til Designer, KI-en i Gradiently, som leser merkevareprofilen og Marken din før den setter sammen designet. Deretter kontrollerer den sitt eget oppsett for marger, kollisjoner og kontrast. Arbeid med Designer forklarer hva den kan og ikke kan gjøre.
Slik kobler du Claude til Gradiently
- 1
Opprett en nøkkel
I Gradiently åpner du Innstillinger, deretter API og agenter. Gi nøkkelen navn etter stedet du skal bruke den, som Claude Code, og velg hva den kan gjøre. Bare eiere og administratorer av arbeidsområdet kan opprette nøkler.
- 2
Kopier den én gang
Nøkkelen vises bare én gang. Lagre den i en passordbehandler.
- 3
Legg til serveren i Claude
Pek Claude-klienten mot
https://gradiently.design/api/mcp, og send nøkkelen som et Bearer-token. Hvor du legger den til, varierer mellom Claude-appene; utviklerdokumentasjonen dekker hver av dem. - 4
Be om noe lite
Prøv «list opp designene mine» eller «finn en Mark i varm oransje» for å bekrefte tilkoblingen før større forespørsler.
# 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"Koble til en KI-assistent har også enkle oppsettsveiledninger for andre MCP-klienter.
Gjennomgang: én kunngjøring, tre formater
Si at du driver en liten bar og vil fortelle om lengre åpningstider. Her er hele jobben som en samtale. Først: «Lag en Instagram-story som forteller at vi har åpent til midnatt på fredager, fra denne uken. Hold uttrykket rolig, ikke skrikende.» Claude spør Designer i Gradiently, som leser merkevaren din, bruker Marken din og gir deg en lenke. Du åpner den og liker den, men ønsker en annen linje, så du sier: «Endre den lille linjen til Kjøkkenet er åpent til elleve.» Deretter: «Lag et kvadratisk innlegg og et X-toppbilde fra dette.»
Storyen Claude ba om, med merkevarens egen Mark…
…og kopien som X-toppbilde, satt opp på nytt for den brede formen i stedet for å bli strukket.
Tre formater, ett uttrykk, noen få minutter. Hvert er et vanlig design i arbeidsområdet ditt, så du kan flytte litt på en overskrift eller bytte et foto i Studio før eksport. Ett uttrykk, alle størrelser forklarer hvordan kopier settes opp for hvert format.
Slik ber du Claude om bedre design
Vagt
- Lag et innlegg om arrangementet vårt
- Noe som fanger blikket
- Bruk fine farger
Konkret
- En story om solvervsfesten vår på taket, 21. juni, fra solnedgang til soloppgang
- Rolig og selvsikkert; datoen bør være det andre folk leser
- Bruk merkevarens Mark; la ordene følge stemmen vår
- Fyll ut merkevaresettet først. Logoer, farger, skrifter, hvem merkevaren er til og hvordan den uttrykker seg. Designer leser det før hvert design. Se sett opp merkevaresettet ditt.
- Navngi formatet. Story, kvadratisk innlegg, X-toppbilde, YouTube-miniatyrbilde. Hvert får sitt eget oppsett.
- Gi de virkelige ordene. Datoer, priser og navn, nøyaktig slik de skal vises.
- Si rekkefølgen. Hva folk bør lese først, som nummer to og som nummer tre.
- Rediger, ikke begynn på nytt. Be om én endring om gangen i et design du stort sett liker.
Hold tilkoblingen trygg
Claude kan bare gjøre det nøkkelen tillater. Velg færrest mulig tillatelser til oppgaven: å lese og opprette design og søke etter Marks dekker det meste av designarbeidet. La muligheten til å sikre Marks være av med mindre du uttrykkelig vil at Claude skal gjøre det for deg. Publisering av en delingslenke er alltid et uttrykkelig trinn, og design du ikke har delt, forblir private. En nøkkel overfører aldri eierskapet til en Mark til noen.
Claude og Gradiently gjør hver sin jobb: Claude forstår hva du mener, Gradiently holder merkevaren din samlet og tar seg av det nøyaktige oppsettet, og du tar det endelige valget. For å se denne arbeidsmåten i en større sammenheng, les en arbeidsflyt for merkevareidentitet med KI.
Spørsmål folk stiller
Kan Claude lage design?
Ja, når den er koblet til et designverktøy gjennom MCP. Koblet til Gradiently kan den opprette og redigere ekte design som åpnes i Studio, fremfor bare å beskrive dem.
Hvordan kobler jeg Claude til Gradiently?
Opprett en nøkkel i Innstillinger i Gradiently under API og agenter, og legg deretter til https://gradiently.design/api/mcp i Claude-klienten med nøkkelen som et Bearer-token. I Claude Code holder det med én claude mcp add-kommando.
Vil designene fra Claude passe merkevaren min?
Designer i Gradiently leser merkevareprofilen og Marken din før hvert design. Et utfylt merkevaresett med farger, skrifter og stemme gjør derfor resultatene langt mer treffsikre.
Kan Claude sikre Marks eller dele designene mine uten å spørre?
Bare hvis nøkkelen har den tillatelsen. Å sikre Marks krever en egen tillatelse som du kan la være av, og en delingslenke publiseres bare når et verktøy uttrykkelig blir bedt om det.
Kan jeg redigere det Claude lager?
Ja. Hvert design er et vanlig redigerbart design i arbeidsområdet ditt, så du kan endre tekst, oppsett, bilder og størrelser i Studio.
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
