YNSPIRA
NOEN
Tilbake til Claude

Claude Design

Anthropic

Hva er Claude Design

Claude Design er et verktøy fra Anthropic som lar deg bygge designs, prototyper, slides og marketing-materiell med Claude i stedet for i et tradisjonelt designverktøy. Enkelt sagt er det et designverktøy som gjør at du veldig kjapt kan få opp gode design både på nettsider og presentasjoner, uten at du trenger å være en designer selv.

Hvordan det fungerer

Det er svært enkelt: du beskriver det du vil ha med tekst, og Claude gir deg et design du kan iterere på. Arbeidsflaten er delt i to: chat til venstre, canvas til høyre. I chatten beskriver du hva vil lage og Claude lager første versjon. Derfra justerer du på tre måter:

  • Chat for strukturelle endringer ("legg til en prising-seksjon", "bytt tone").
  • Kommentarer direkte på elementer i canvaset for små, presise fikser ("fiks spacing til 8px"). Du kan også tegne sirkler og legge til pile-notater.
  • Auto-genererte slidere for spacing, farger og layout når Claude finner at det gir mening.

Lag designsystem (brand template)

Du kan laste opp fonter, logoer og andre ressurser manuelt, laste opp en Figma-fil, koble til en GitHub-repo eller en lokal kodemappe for å hente inn detaljerte design. Claude leser dette én gang (tar typisk rundt 5 minutter for større kildegrunnlag) og bygger et redigerbart bibliotek med designelementer. Når du etterpå lager en ny prototype eller presentasjon så kan du velge designsystemet du vil bruke. Uten dette steget får du generiske "AI-designs" som ligner alt annet som blir laget med verktøyet.

Eksport og handoff

Design kan deles via URL, lastes ned som ZIP, eller eksporteres til PDF, PowerPoint, standalone HTML, Gamma eller Canva.

Dersom man jobber med en prototype kan verktøyet sende designet videre til Claude Code. Dette gir en mye bedre måte å gjøre iterasjoner på designet enn om man starter direkte i Claude Code.

Hva som fungerer bra

  • Designsystem-import som faktisk fungerer, og som kan gjenbrukes når nye prototyper og presentasjoner skal lages
  • Prototype landingssider med riktig brand-design (feks hero, value props, CTA, prisseksjon)
  • Pene presentasjoner fra eksisterende innhold (pdf, artikler tekst etc.) med interaktive elementer
  • Kreativ "off-brand" design når du dropper designsystemet og beskriver en referansestil i stedet
  • Varianter og tweaks-flyten: få feks 3 parallelle designs du kan velge mellom, og enkelt bytte av stiler, fonter, størrelse etc. uten å re-prompte

Hva som kunne vært bedre

  • Uten designsystem eller referansebilder blir resultatet generisk "Claude Design"
  • Hver endring (utover mindre slider-endringer) krever prompt og venting, som kan ta opp til 5–10 minutter for større endringer
  • Eksport til PowerPoint fungerer, men det du får blir ikke identisk med det du ser på web (men nærme nok)
  • Eksport av presentasjoner til Canva blir ikke optimalt, i praksis fungerer det bedre å eksportere først til PowerPoint og deretter til Canva

Claude Design er fortsatt i beta så det er forventet at det kan være noen bugs, men det er fortsatt svært anbefalt å teste ut og bli kjent med hvordan løsningen fungerer.

Slik kommer du i gang

  1. Gå til claude.ai/design (du må ha Pro, Max, Team eller Enterprise-konto).
  2. Sett opp designsystemet ditt først. Koble til en GitHub-repo, slipp inn en lokal kodemappe, eller last opp Figma-fil, logo og farger. Uten dette ligner output alle andre Claude Design-prosjekter.
  3. Velg type prosjekt: prototype, slide deck eller noen av de andre
  4. Beskriv hva du vil lage i chat-panelet, vær konkret på mål, layout, innhold og målgruppe.
  5. Claude stiller oppfølgingsspørsmål hvis noe mangler
  6. Når første versjon er på canvas: bruk kommentarer, edit eller draw på spesifikke elementer for små fikser, og chat for større endringer. Be om 2–3 varianter hvis du er usikker på retning.
  7. Eksporter til PDF, PPTX, Canva eller HTML når du er ferdig (HTML fungerer best per i dag), eller klikk "send til Claude Code" for å gå rett til utvikling

Funksjoner

Prototyping og slide decks

Claude Design har separat prosjekttype for å designe prototyper som nettsider og presentasjoner.

Redigerbare presentasjoner

Presentasjoner som lages i Claude Design kan redigeres direkte i verktøyet, feks endre på tekstinnhold.

Designmaler

Lager konsekvente "designsystem" som gjenbrukes på tvers av prosjekter og presentasjoner som lages.

Varianter og tweaks

Få 1, 3 eller 5 parallelle varianter av samme design for sammenligning. Etter første generering får du et tweaks-panel der du kan bytte spesifikke valg (font, bakgrunnsfarge etc.) uten å skrive ny prompt.

Iterativ redigering

Bruk chat, kommentarer eller tegneverktøy for å redigere og bedre designet.

Video (animasjoner)

Lag "videoer" i form av enkle animasjoner, feks, demo-videoer av hvordan grensesnittet skal oppføre seg.

Eksport-alternativer

PDF, PPTX, standalone HTML, ZIP-mappe, overføring til Canva eller Gamma, og delbare lenker

Handoff til Claude Code

Ett-klikks overlevering som pakker designet som instruks og komponenter til Claude Code for direkte implementering.

Tips for god bruk

  • Bruk litt tid på designsystem-oppsettet før du starter på det første prosjektet. Da vil resultater se mindre AI-generert ut og mer likt brand-designet du ønsker, pluss at du slipper å forklare farger og komponenter hver gang.
  • Ikke iterer på tekstinnhold inne i Claude Design. La verktøyet skrive første utkast, men gå tilbake til vanlig Claude hvis du skal finpusse tekst. Tekst-iterasjoner forbruker like mye tokens som design-iterasjoner, og ukeskvoten tømmes fort.
  • Bruk kommentarer til små fikser og chat til større endringer. Kommenter direkte på elementet du vil justere ("16px padding her", "bytt til sekundærfargen"). Bruk chat kun når du trenger ny seksjon eller endrer hele retningen.
  • Be om 2–3 varianter når du er usikker. Raskere å sammenligne enn å gjette seg frem, og du sparer iterasjonsrunder. Bruk deretter tweaks-panelet til å bytte spesifikke valg (headline, layout, CTA) uten ny prompt.
  • Last opp 1–2 referanse screenshots av noe du liker stilen på. Uten referanser er "Claude Design" designet tydelig og lite unikt. En god referanse endrer outputen drastisk.
  • Ikke bruk Claude Design til logoer eller illustrasjoner. Det er ikke laget for grafisk design, hold deg til UI, layout, slides og landingssider. Logo lager du et annet sted og laster opp.
  • Avslutt i Claude Code når designet er godt nok, ikke perfeksjoner i Design. Overleveringen pakker design og komponenter som input til Claude Code i ett klikk, og det er lettere å gjøre finpuss i koden enn å bruke flere iterasjoner på canvas.
  • Bruk det for slides når du har ferdig innhold. Last opp inn en PDF, artikkel eller møtenotater og be om "lag en deck basert på dette, match brand". Dette er én av de sterkeste bruksområdene, særlig for trenings-, onboarding- og kundemateriell. Mye sterkere enn å starte blankt og iterere.

Tilgjengelig på

Nettleser

Lenker og priser

Gå til verktøy ↗Priser ↗

Inkludert i Claude Pro, Max, Team og Enterprise som beta. Bruker den ordinære kvoten din.

Tilbake til Claude

AI er en assistent, ikke en fasit. Sjekk alltid det som betyr noe.