← Alle guides

DEL 3 · VÆRKTØJER I PRAKSIS

Claude Design: Lav hjemmesider, slides og video på under en time

Lær at bruge Claude Design til at bygge professionelle landingssider, præsentationer og animerede videoer – med konkrete prompts du kan kopiere.

7 min Benjamin Ittaouil
claude designAI-designpræsentationerlandingssideprompt-guide

Efter at have læst denne guide kan du lave en komplet landingsside, et pitch deck og en animeret video med Claude Design – uden at røre Photoshop eller PowerPoint. Du får de præcise prompts, en avanceret arbejdsgang til klientprojekter og et trick til at kopiere designsystemet fra kendte brands.

Hvad er Claude Design, og hvordan får du adgang?

Claude Design er et separat produkt. Det ligger ikke i den normale Claude-grænseflade, men på sin egen adresse: claude.ai/design.

Du skal have et betalt abonnement (Pro eller Max) for at komme i gang.

Har din virksomhed et Team- eller Enterprise-abonnement, er funktionen som standard slået fra. Din administrator skal aktivere den:

Organisationsindstillinger → Capabilities → Anthropic Labs → slå til

Vær opmærksom på, at Claude Design bruger tokens ekstremt hurtigt. Hold øje med dit forbrug.

Test 1: Byg en hel landingsside med to linjer

Gå til Claude Design og vælg fanen Wireframe. Sæt kvaliteten til High fidelity. Indsæt herefter denne skabelon:

Lav en high-fidelity landingsside designet til at tiltrække [MÅLGRUPPE] for "[PRODUKTNAVN]" – [kort produktbeskrivelse].

Målgruppe: [beskriv dine besøgende]. Tonen skal føles [stemning] – tænk en blanding af [hjemmeside] + [hjemmeside] + [hjemmeside].

Her er et konkret eksempel tilpasset en dansk kontekst:

Lav en high-fidelity landingsside designet til at tiltrække danske venturekapitalfonde for "GreenDepth" – en suveræn, kyststatsbaseret undervandsinfrastruktur til AI-regnekraft bygget af og til nordiske virksomheder.

Målgruppe: Seriøse danske og nordiske VC-fonde samt offentlige tech-investorer. Tonen skal føles premium, strategisk og troværdig – tænk en blanding af Stipes elegance + Mærsk-seriøsitet + dansk pragmatisme.

Klik på Present for at se resultatet. Du kan klikke på Comment og markere præcis det element, du vil ændre.

Test 2: Lav et pitch deck til dit salgsteam

Gå tilbage til startsiden og vælg Slide deck. Brug denne skabelon:

Lav et pitch deck til mit salgsteam. Vores virksomhed [beskriv kort hvad I laver og for hvem]. Fokus: [hvad skal sælgerne overbevise kunden om].

Claude vil stille dig et par afklarende spørgsmål – besvar dem og tryk Continue. Du får slides med talenoter på hvert slide klar til eksport.

Test 3: Animeret video fra en prompt

Vælg From template på startsiden. Skriv en prompt med en klar visuel fortælling. Jo mere struktureret tidslinjen er, desto bedre bliver resultatet:

Lav en 45-sekunders animeret video, der forklarer, hvordan [virksomhed/produkt] løser [problem] for [målgruppe]. 16:9.

Struktur:
- 0-5 sek: Koldt åbningsshot. Titelkort: "[Din provokerende overskrift]." Baggrundsanimation.
- 5-15 sek: Problemet. Animeret statistik: "[Din nøgletal]." Vis [visuel metafor for problemet].
- 15-30 sek: Løsningen. Animeret illustration af [din løsning i praksis].
- 30-40 sek: Tre statistikkort glider ind, ét ad gangen: "[Fordel 1]." "[Fordel 2]." "[Fordel 3]."
- 40-45 sek: Afslutningskort. "[Din CTA eller tagline]." Plads til logo nede til højre.

Visuelt udtryk: clean tech, tyndtstreket illustration, [din farvepalette]. Kinetisk typografi til alle tal. Bløde kamerabevægelser, ingen hårde klip. Ingen stockfotos.

Du får en færdig animeret video direkte i browseren.

Video-tricket: Bedre slides via animationen

Dette er en ikke-åbenlys arbejdsgang, der konsekvent giver bedre slides end at bede om slides direkte.

Trin 1: Hav dit kildemateriale klar – det kan være en rapport, et blogindlæg eller en markedsanalyse som en tekstfil (fx en .md-fil).

Trin 2: Upload filen til Claude Design med denne prompt:

Lav en 30-sekunders animeret video, der opsummerer dette indhold for en ny seer.

Trin 3: Vent på videoen. Fortsæt derefter i samme chat med:

Konverter nu den video til et slide pitch deck.

Grunden til at dette virker bedre: videosteget tvinger Claude til at tænke visuelt og i sekvenser, inden det forpligter sig til statiske frames. Det giver slides med bedre rytme og tydeligere hierarki.

Den avancerede arbejdsgang: Fra tom mappe til færdigt design

Denne workflow bruges til klientprojekter. Den tager 1-3 timer afhængigt af kompleksiteten.

Trin 1: Udtræk dit designsystem

Saml alle brandassets i én mappe: logoer, gamle slides, brandmanual, skærmbilleder af hjemmesiden, produktfotos.

Brug en AI-assistent til at analysere mappen med denne prompt:

Analyser denne mappe og producér et komplet designsystem som tekst. Skrifttyper, farver, grafiske stilarter, komponentmønstre, tone, layoutkonventioner. Peg på hvad der mangler. Gem det som DESIGN.md.

Du ender med en DESIGN.md – en struktureret beskrivelse af dit brand, som Claude Design kan læse.

Trin 2: Upload DESIGN.md til Claude Design

  1. Gå til claude.ai/design
  2. Upload din DESIGN.md som kontekst i starten af samtalen
  3. Alle efterfølgende prompts bruger automatisk dine brand-specifikationer
  4. Du behøver aldrig igen at skrive farver eller skrifttyper i dine prompts

Har du allerede et designsystem i kode, kan du linke direkte til kodebasen. Samme effekt.

Trin 3: Byg med en præcis prompt

En god designprompt har fire elementer: mål, layout, indhold, begrænsninger:

Byg en prisside for [produkt]. 3 prisklasser, toggle mellem månedlig og årlig betaling, sticky CTA på mobil. Mobile-first responsivt. Brug vores primære knapkomponent. Match tonen fra vores eksisterende forside.

Trin 4: Iterer effektivt

For strukturelle ændringer – brug chatten:

Vis mig 3 alternative layouts.

Klik derefter på Tweaks for at se versionerne side om side.

For præcise ændringer – klik direkte på canvasset og vælg det element, du vil justere.

Før du prøver noget risikabelt – gem en version:

Gem det vi har, og prøv en helt anden tilgang.

Trin 5: Validér inden eksport

Kør disse tre prompts, inden du eksporterer:

Gennemgå dette for kontrast og tilgængelighed. List alle WCAG 2.1 AA-overtrædelser med præcise rettelser.
Generer desktop-, tablet- og mobilversioner.
Foreslå 2 A/B-testvarianter af hero-sektionen, hver med en forskellig vinkel.

Trin 6: Eksportér

Klik på Export øverst til højre. Du kan vælge mellem: Send til Canva, PPTX, PDF, standalone HTML eller en pakke til videre kodebrug.

Fra tom mappe til et design klar til levering: cirka 1 time for én side, 2-3 timer for en hel hjemmeside med flere undersider.

Kopiér designsystemet fra kendte brands

Denne funktion overraskede mig mest.

Der findes et gratis værktøj der hedder getdesign.md. Her kan du downloade DESIGN.md-filer for hundredvis af kendte brands – Mastercard, Airbnb, IKEA, Maersk og mange flere.

Workflow:

  1. Gå til getdesign.md og søg på det brand, du vil låne udtryk fra
  2. Download DESIGN.md-filen
  3. Upload den til Claude Design
  4. Kombiner med din egen produktbeskrivelse i prompten

Same prompt, tre forskellige brandfiles, tre helt forskellige designs. Det er et legalt og effektivt måde at teste visuelle retninger hurtigt.

Brug det til inspiration, ikke direkte kopiering. Målet er at finde det visuelle udtryk der passer til din målgruppe – ikke at ligne en konkurrent.

Hvad AI ikke kan – og hvad det giver dig

Claude Design kan bygge ti dashboards på ti minutter, anvende et designsystem automatisk, foreslå tre layoutvarianter og eksportere til fem formater.

Hvad det ikke kan: fortælle dig, hvilken af de ti dashboards du skal sende til dine specifikke kunder på dette specifikke tidspunkt.

Dét kræver smag.

Smag er evnen til at sige nej til ni versioner og ja til én. Smag er at se på AI's output og sige: "Det her er teknisk korrekt, men det rammer ikke min målgruppe." Eller det modsatte.

Når alle bruger de samme værktøjer, stiger værdien af at have bedre dømmekraft end gennemsnittet. Det er den reelle konkurrencefordel fremover.


Når du har testet idéerne på en konkret designopgave, kan du tage næste skridt på Claude-masterclassen. Det er en 4-timers hands-on masterclass for dig, der allerede bruger Claude, med fokus på grundprincipperne: Du arbejder med en reel opgave, får feedback og bygger et personligt setup med projekter, instruktioner og prompts til gentagne opgaver samt en 30-dages plan.

Ofte stillede spørgsmål

Kræver Claude Design et betalt abonnement?

Ja. Du skal have Pro- eller Max-abonnement for at tilgå claude.ai/design. Har du et Team- eller Enterprise-abonnement, skal din administrator aktivere funktionen under organisationsindstillingerne.

Hvad er en DESIGN.md-fil, og skal jeg lave den selv?

En DESIGN.md er en tekstfil, der beskriver dit brands designsystem – farver, skrifttyper, tone og komponenter. Du kan enten generere den automatisk ved at uploade dine brandassets, eller du kan downloade den fra kendte brands via getdesign.md.

Bruger Claude Design mange tokens?

Ja – markant mere end normale Claude-samtaler. Hold øje med dit forbrug, særligt hvis du kører mange iterationer. Det anbefales at planlægge dine prompts grundigt inden du starter, så du undgår unødvendige rundture.

Kan jeg eksportere til PowerPoint eller Canva?

Du kan eksportere til PPTX, PDF, standalone HTML og en kodepakke. Send til Canva er en officiel mulighed, men fungerer ikke stabilt endnu. PPTX og PDF er de mest pålidelige eksportformater i øjeblikket.

Hvad kan AI gøre for dig?

Skriv et par linjer — jeg vender tilbage inden for 24 timer.

Kom i gang →