somejuan

AI

Sådan bruger du Claude Design

Indhold

Du kender følelsen. Du har en god idé til en lead magnet, en landing page eller et slide deck. Men mellem idé og noget der rent faktisk ser professionelt ud ligger enten en designer, et budget, eller tre timer hvor du selv kæmper med Canva.

Det gap er blevet markant mindre.

Anthropic har lavet noget der hedder Claude Design. Det ligger inde i din eksisterende Claude (Pro-plan og op), og det laver design ud fra en samtale. Ikke tekst. Design.

Og lige for at slå én ting fast med det samme:

Det er IKKE en billedgenerator.

Det er ikke Midjourney, Gemini eller GPT-Image. Det laver ikke AI-kunst.

Det den laver er rigtige, eksporterbare outputs. Slides du kan åbne i PowerPoint, PDF’er du kan sende til dine subscribers, landing pages i ren HTML din udvikler kan gøre funktionel.

Du kan også lave wireframes, hvilket gør det hele endnu mere designeragtigt.

Ja, det hele kan lyde lidt nørdet. Men hæng på, for det her er faktisk dødssimpelt at komme i gang med. Lad os tage det fra en ende af.

De fire ting den laver

Når du åbner Claude Design, spørger den hvad du vil lave. Der er fire muligheder:

De fire ting Claude Design kan lave: slide decks, landing pages, PDF'er og app mockups

  • Slide decks: hele præsentationer med dit brand påført automatisk. Eksporter til PowerPoint eller PDF.
  • Landing pages: single-page designs til lead magnets og opt-ins. Eksporteres som standalone HTML.
  • One-pagers / PDF’er: guides, rapporter, briefs. Den slags der plejede at koste en designer.
  • App mockups: visuelle mockups af apps. Vis din idé til en udvikler før der skrives en linje kode.

Du beskriver det. Den bygger det på et canvas foran dig. Du retter til via chat. Det er hele loopet.

Hvad det IKKE er (læs den her, ellers bliver du skuffet)

Der er to misforståelser der gør folk frustrerede. Den ene tog vi lige: det er ikke en billedgenerator.

Den anden er vigtigere:

Det er ikke en app-builder.

Det er ikke Lovable, Webflow eller Wix. Du kan ikke koble en database på, tage imod betalinger eller klikke rundt i en fungerende app. Det du bygger er et design og en prototype. En tegning. Sådan her:

Claude Design tegner tegningen, Claude Code bygger huset

Den tegner tegningen. Claude Code bygger huset. Når du forstår den opdeling, bliver du ikke skuffet.

Det vigtigste trin (som er afgørende for outputtet)

Inden du laver noget som helst, skal du sætte et Design System op. Det er der hvor du lærer Claude dit brand: dine farver, dine fonte, din visuelle stil. Én gang.

Uden et Design System laver Claude Design outputs der ser fine ud. Men generiske. Forskellige hver gang, som om de kom fra fire forskellige personer.

Med et Design System kommer ALT du laver ud i dit brand. PDF’en, landing pagen, dine slides, din app-mockup. Konsistent. Genkendeligt. Dit.

Den gyldne regel: sæt dit Design System op FØR du laver noget. Det tager 15 minutter og ændrer hvert eneste output du laver bagefter.

Det fede er at du ikke skal have en formel brand-manual. Claude kan trække stilen ud af ting du allerede har. Du skal bare give den én af disse:

  • Din hjemmeside-URL → Claude besøger siden og trækker farver, typografi og stil ud. Den letteste vej for de fleste.
  • En brand kit-mappe → træk en mappe med logo, fonte eller farver direkte ind.
  • Et eksisterende dokument → har du et slide deck eller en PDF der ser ud som dit brand? Upload den.
  • Et GitHub-repo → er dit brand bagt ind i kode? Link repoet, så læser den stilen fra kilden.

Du behøver kun én. Men jo flere kilder, jo mere præcist resultat.

Sådan gør du, step by step:

Sådan sætter du et Design System op i Claude Design trin for trin

Bagefter arver hvert nyt projekt automatisk dit Design System. Du skal aldrig beskrive din stil i en prompt igen. Det er hele pointen.

3 use cases til dig der arbejder med marketing

Her er tre ting der er værd at starte med, med en prompt du kan kopiere til hver.

1. Lead magnet-PDF’er

De gratis guides og resource-dokumenter der plejer at kræve en designer. Upload dine egne noter som kontekst først, så bruger den dit indhold i stedet for generisk fyld.

Prompt: “Lav en 5-siders PDF-guide med titlen ‘[din titel]’. Hver side dækker ét emne med en kort beskrivelse og en understøttende visual. Clean layout, minimalistisk, premium feel. Målgruppe: [beskriv].”

2. Landing pages

Opt-in-sider og download-sider. Her har designkvalitet direkte effekt på om folk skriver sig op. Vil du have mere ud af dem, så kig på min guide til konverteringsoptimering og personificering af landing sider.

Prompt: “Byg en landing page til en gratis guide kaldet ‘[navn]’. Hero-sektion med headline og email-formular above the fold. Tre benefit-bullets der forklarer hvad de lærer. Clean og konverteringsfokuseret. Min målgruppe er [beskriv].”

(Skal formularen rent faktisk samle emails ind? Eksporter som HTML og giv den til din udvikler, eller send den til Claude Code.)

3. App mockups før du bygger

Visualisér en app-idé før der skrives kode, eller vis en klient hvordan det kommer til at se ud.

Prompt: “Lav en mobil app-mockup til [beskriv app]. Vis [antal] skærme på et canvas: [list skærmene]. iOS-stil, clean og minimalistisk. Polished mockup, ikke en rough sketch.”

Eksport og deling

Når du er tilfreds, klikker du Export. Og her er hvorfor det ikke bare er en legesag:

  • PDF → guides, one-pagers og dokumenter som færdig leverance
  • PPTX → slides videre i PowerPoint, Keynote eller Google Slides
  • Standalone HTML → en side til din udvikler så den kan gøres funktionel
  • Send til Canva → hvis du vil polere videre
  • Handoff til Claude Code → gør designet til en rigtig, fungerende app eller side

Du kan også dele hvert projekt med et link (view / comment / edit). Smart til kundefeedback uden at maile filer frem og tilbage.

Det er dog ikke perfekt

Det er stadig en research preview fra Anthropic Labs. Det betyder et par rough edges:

  • Inline-kommentarer kan en sjælden gang forsvinde før Claude læser dem (indsæt dem i chatten i stedet).
  • Compact-view kan trigge save-fejl (skift til full view og prøv igen).
  • Meget store repos som Design System-kilde kan lagge (link en undermappe).

Småting, med workarounds. Kerne-funktionen er allerede absurd brugbar.

Opsummering: Claude Design på fem linjer

Det her er en af de første gange jeg har set gappet mellem “idé” og “ser professionelt ud” forsvinde næsten helt. Og særligt for os der sidder med lead magnets, landing pages og slides hver uge, er det ret vildt.

Vil du have Claude til at automatisere mere end design? Så tag et kig på min Claude Cowork guide.

Har du allerede leget med det? Smid en kommentar med hvad du har bygget, jeg er nysgerrig på hvor langt folk er kommet. 🚀