Claude Design: et samtalebasert designstudio

Kort fortalt
Claude Design er et nytt produkt fra Anthropic som ble lansert i dag. Det lar deg lage design, interaktive prototyper, presentasjoner og one-pagere (oppsummeringer på én side) ved å snakke med Claude i stedet for å klikke deg gjennom menyer. Du beskriver hva du vil ha, Claude bygger det på en visuell arbeidsflate foran deg, og du justerer ved å legge inn kommentarer, dra i skyveknapper, eller rett og slett si hva som skal endres.
Motoren er Claude Opus 4.7, Anthropics sterkeste vision model. En vision model er en AI som kan se bilder og forstå hva som er i dem, ikke bare lese tekst. Dette valget er viktigere enn det høres ut som. De fleste AI-designverktøy tar bare imot tekst: du skriver, de genererer kode. Claude Design kan se på et skjermbilde av en konkurrents produkt og forstå hvordan det er satt sammen, inkludert hvor knappene sitter, hva fargene gjør, og hvordan layouten (oppsettet av elementene) puster.
Anthropic lanserer Claude Design som en forhåndsvisning (research preview) i Labs-programmet sitt. Det blir det sjette Labs-produktet siden januar, og alle seks har kommet de siste fire månedene.
Les også:
Hva Anthropic Labs egentlig er
Anthropic Labs er et eget team i Anthropic, annonsert 13. januar 2026. Oppgaven er enkel: klekke frem nye produkter som tøyer grensene for hva Claude kan gjøre. Anthropic-president Daniela Amodei beskrev det som et sted som "gir oss rom til å bryte mønsteret og utforske".
Tenk på Labs som Anthropics verksted. Hovedorganisasjonen bygger videre på det som allerede fungerer, som Claude-chatbot, API-et og bedriftsavtalene. Labs satser på ideer som kanskje ikke fungerer ennå.
Resultatlista siden januar er konkret:
| Produkt | Hva det er |
|---|---|
| Claude Code | En variant av Claude som leser og redigerer filer på datamaskinen din |
| MCP | En felles protokoll som lar verktøy som Slack og Google Calendar snakke med AI-systemer |
| Skills | Små tilleggspakker som gir Claude nye ferdigheter |
| Claude in Chrome | En nettleserutvidelse som lar Claude styre nettleseren for deg |
| Cowork | Et sted der Claude jobber med lange oppgaver mens du går din vei |
| Claude Design | Det nye. Visuelt design og prototyping. |
Seks produkter på omtrent fire måneder. Claude Design er ikke et engangseksperiment. Det er en del av et mønster: Labs slipper noe nytt omtrent annenhver uke, og de som viser seg å fungere blir værende. Mike Krieger, medgründer av Instagram og tidligere produktdirektør (Chief Product Officer) i Anthropic, leder Labs sammen med medgründer Ben Mann. Før Labs var Krieger med på å ta Instagram fra null til en milliard brukere. Greit å huske når man leser disse lanseringene: dette er et produktteam, ikke et forskningslaboratorium.
Hva Claude Design gjør
Kjernen er at Claude Design gjør en samtale om til visuelt arbeid. Du starter ikke med en tom Figma-fil eller en tom PowerPoint. Du starter med ord.
Her er spennet av det verktøyet kan lage:
| Hva det lager | Hvordan det ser ut | Analogi |
|---|---|---|
| Interaktive prototyper | Klikkbare design som oppfører seg som ekte apper | En papirmeny som faktisk tar imot bestillingen |
| Presentasjoner | Pitchdeck (salgspresentasjon) bygget én prompt per slide (lysbilde) | Å beskrive lysbildene til en designer i sanntid |
| One-pagere | Oversikter på én side til marked eller partnere | En e-post som kommer ferdig stylet |
| Wireframes og mockups | Grove skisser av et produkts oppsett | Serviettskisser, bare rene |
| Merkevare-tilpasset utseende | Alt passer sammen med selskapets eksisterende visuelle stil | Alltid å skrive i husets tone |
| Leveranse til Claude Code | En fungerende prototype blir ekte, kjørende kode | En byggetegning håndverkeren faktisk kan følge |
Den røde tråden: dette er ikke seks forskjellige verktøy. Det er ett verktøy rettet mot ulike mål. Grensesnittet er alltid "beskriv og rediger". Det som endrer seg er hva som kommer ut i andre enden.
Slik fungerer det
Det er fire steg, og de gjentar seg.
Steg 1: Beskriv det du vil ha
Du skriver en prompt (en beskjed til AI-en). Den kan være vag, som "en landingsside for en hundelufter-tjeneste", eller spesifikk, som "en presentasjon på fire lysbilder for styremøte om Q2-omsetning". Du kan også legge ved kontekst:
- Skjermbilder av konkurrenter: "gjør det roligere enn dette"
- En kodebase: Claude leser de eksisterende komponentene dine så nytt design passer sammen med dem
- Designfiler: importer det du allerede har
- Bilder eller URL-er: lim inn en side du vil bygge videre på
Steg 2: Claude fyller arbeidsflaten
En arbeidsflate (canvas) åpner seg og fylles med det første utkastet. Du ser det dukke opp foran deg, omtrent slik sluttresultatet er tenkt å se ut.
Steg 3: Juster
Her skiller Claude Design seg fra en vanlig Claude-chat. Du har tre måter å endre ting på:
| Metode | Når den passer | Eksempel |
|---|---|---|
| Chat | Store strukturelle grep, toneskifter | "Gjør hele presentasjonen mer leken" |
| Stedbaserte kommentarer | Presise justeringer på ett element | Klikk på en knapp, skriv "mer luft rundt teksten, mørkere skrift" |
| Direkteredigering | Flytte, endre størrelse, dra | Slik du bruker Figma eller Keynote |
De tre metodene dekker hele spennet fra "skriv hele greia på nytt" helt ned til "flytt denne knappen to piksler til venstre".
Steg 4: Eksporter eller lever videre
Når designet er klart, kan du sende det et annet sted:
| Destinasjon | For hva |
|---|---|
| Deling med noen utenfor selskapet | |
| PPTX | Redigere videre i PowerPoint eller Keynote |
| Canva | Siste finpuss i et kjent verktøy |
| HTML | Publisere på nett |
| ZIP | Alle filer på én gang |
| Leveranse til Claude Code | Gjøre prototypen om til ekte, kjørende kode |
Den siste er verdt å merke seg. En prototype bygget i Claude Design kan leveres til Claude Code, som implementerer den som ekte programvare. Du kan gå fra én setning til kode som kjører uten å forlate Claude-økosystemet.
Hvorfor syn er nøkkelen
Mange AI-verktøy kan generere design. Det som skiller Claude Design fra de fleste, er modellen under: Claude Opus 4.7, en vision model.
En vision model er en AI trent opp til å se bilder og forstå dem, ikke bare lese tekst. Når du limer inn et skjermbilde av en konkurrents landingsside, registrerer Claude ikke bare at "det er et bilde her". Den ser hvor overskriften er, hvilken farge knappen har, hvordan luften mellom elementene fungerer. Omtrent slik du selv ville gjort det.
Sammenlignet med andre populære AI-designverktøy:
| Verktøy | Primær input | Hva det lager |
|---|---|---|
| v0 | Tekstprompter | React-kodekomponenter |
| Lovable | Tekstprompter | Fulle nettapper som kjører |
| Figma AI | Figma-filer pluss tekst | Design-system-tilpassede endringer i Figma |
| Canva AI | Maler pluss prompter | Polerte markedsføringsressurser |
| Claude Design | Tekst, bilder, kode, filer, URL-er | Design, pitchdeck, prototyper, one-pagere |
De andre er kraftige, men de fleste av dem forventer at du starter fra tekst eller fra en eksisterende designfil. Claude Design tar imot alt dette, inkludert et foto du tok av en whiteboard. Det er vision model-en som gjør den tunge jobben.
Claude Design mot Artifacts
Bruker du Claude allerede, kjenner du sikkert Artifacts: sidepanelet der Claude plasserer generert kode, diagrammer, HTML-sider eller React-komponenter. På overflaten virker det mye som Claude Design. Det er verdt å trekke grensen tydelig.
| Dimensjon | Artifacts | Claude Design |
|---|---|---|
| Omfang | Én ting per artifact | Et helt prosjekt med mange sider |
| Justering | Kun via chat | Chat pluss stedbaserte kommentarer, direkteredigering, skyveknapper |
| Kan importere | Ingenting, du starter fra en prompt | Kodebaser, designfiler, skjermbilder, URL-er, DOCX/PPTX |
| Merkevare-konsistens | Håndteres ikke | Brukes automatisk på hele prosjektet |
| Deling | Offentlig publisering eller lenke | Organisasjonsbegrenset med vis- eller redigeringsrett |
| Eksport | Kopiere eller laste ned én fil | PDF, PPTX, HTML, Canva, ZIP, leveranse til Claude Code |
| Planer | Gratis inkludert | Kun Pro, Max, Team, Enterprise |
| Grensesnitt | Sidepanel ved siden av chat | Egen dedikert arbeidsflate |
Kortversjonen: Artifacts viste hva som skjer når en chat lager én ting. Claude Design viser hva som skjer når en chat lager et helt prosjekt.
Hva de første brukerne sier
Tre partnerselskaper leverte sitater til annonseringen. De er verdt å lese for å skjønne hvor Claude Design allerede hjelper.
Melanie Perkins, medgründer og CEO i Canva, fokuserte på selve samarbeidet: Canva og Anthropic har allerede et partnerskap, og Claude Design eksporterer rett til Canva. Den detaljen kan tolkes på to måter: enten at Anthropic leverer finpussen til Canva på slutten av arbeidsflyten, eller at Anthropic kaprer det første steget i kundereisen fra Canva ved å lage selve utkastet. Sannsynligvis litt av begge.
Olivia Xu, Senior Product Designer i Brilliant (et nettbasert utdanningsselskap), pekte på en konkret hastighetsgevinst: komplekse sider som før trengte "20+ prompter" trenger nå "bare 2". Samme resultat, en brøkdel av arbeidet.
Aneesh Kethini, Product Manager i Datadog, trakk frem møteroms-effekten: "fra en grov idé til fungerende prototype før noen forlater rommet". Prototyping pleide å være arbeid man utsatte til senere. Det blir til arbeid du gjør mens møtet pågår.
Sett i sammenheng peker de tre sitatene på samme skifte: hastighet, prototyping i sanntid, og sømløs overgang til verktøy teamet allerede bruker.
Begrensninger og forbehold
Claude Design er en forhåndsvisning, og det betyr tre praktiske ting.
Det er tilgjengelig, men tidlig. Du kan bruke det nå med et Pro-, Max-, Team- eller Enterprise-abonnement på claude.ai/design. Enterprise-kontoer må skru det på via en administrator; for den planen er det av som standard.
Kjente feil finnes. Support-dokumentasjonen nevner flere åpent: stedbaserte kommentarer forsvinner av og til før Claude rekker å behandle dem, en kompakt layout-visning kan utløse lagringsfeil, store kodebaser kan gjøre ting trege, og sporadiske "chat upstream error"-meldinger krever en ny chatte-fane for å forsvinne.
Bruken måles separat fra resten av Claude. Claude Design har sin egen ukentlige kvote som nullstilles hver sjuende dag. Den ligger ved siden av chat- og Claude Code-grensene dine, ikke inni dem, så tungt designarbeid spiser ikke av chatbot-kvoten din. Kvoten avhenger av hvilken plan du har:
| Plan | Hvem den passer for |
|---|---|
| Pro | Rask utforsking, enkeltbruk |
| Max 5x | Semi-regelmessig bruk, produkt-managere (PM) og ingeniører som lager mockups av og til |
| Max 20x | Tungbruk, designere og kreative |
| Team / Enterprise seat-basert | Standard- og Premium-seter, én kvote per bruker som er satt opp |
| Enterprise forbruksbasert | Fakturert til vanlige API-priser, med en engangskreditt verdt rundt 20 prompter som utløper 17. juli 2026 |
Ekstra bruk kan kjøpes på de fleste planene. Kvoter tildeles per bruker, ikke samlet i én felles pott på organisasjonsnivå.
Logg og forbrukssporing finnes ikke ennå. Anthropic påpeker denne mangelen tydelig: fordi Claude Design er en Labs-utgivelse, måles designaktivitet uten å bli logget på samme måte som chat og Claude Code.
Anthropic har ikke oppgitt noen tidsplan for når produktet går ut av forhåndsvisning.
En vanlig tirsdag på studio
Se for deg en produkt-manager som leder et Q2-planleggingsmøte.
| Tid | Hva som skjer |
|---|---|
| Kl 09:00 | Møtet starter. PM-en skriver inn i Claude Design: "Lag en mockup av hjemskjermen for det nye abonnementsnivået, samme merkevare som hovedappen." Hun drar inn et skjermbilde av dagens hjemskjerm. Claude åpner en arbeidsflate og fyller den med et første utkast. |
| Kl 09:04 | Utviklingslederen rynker på nesa over handlingsknappen. PM-en klikker på den og legger inn en stedbasert kommentar: "Mer presserende, mindre rotete." Knappen oppdateres. |
| Kl 09:11 | Noen i Slack spør hvordan oppgraderingsprosessen ser ut. PM-en sier til Claude: "Legg til tre skjermer som viser oppgraderingsprosessen, diskrete animasjoner." Tre nye skjermer dukker opp. |
| Kl 09:20 | Designeren har fri, men teamet vil ha innspill. PM-en deler prosjektet med henne med redigeringsrett. Førti sekunder senere legger hun kommentarer fra telefonen. |
| Kl 09:30 | Møtet avsluttes. PM-en eksporterer prototypen som PDF til ledergruppen, og leverer samme prosjekt videre til Claude Code med én setning: "Gjør dette om til en Next.js-feature-branch som kjører." |
| Kl 17:00 | Et utkast til endringsforslag (pull request) ligger klart i GitHub. Det er ikke ferdig. Det trenger en ekte designer og en ekte utvikler til å fullføre. Men startpunktet er mange timer lenger fremme enn der mandagen sluttet. |
Halvparten av dette var arbeid man pleide å planlegge. Nå skjer det mens møtet pågår.
Skiftet dette viser
Et mønster trer frem på tvers av alt Anthropic Labs slipper. Chat er i ferd med å bli grensesnittet for kreativt arbeid, ikke bare for å svare på spørsmål.
Claude Code gjorde dette for programvare. Skills gjorde det for spesialisert fagkunnskap. Claude in Chrome gjorde det for nettet. Cowork gjorde det for lange oppgaver. Claude Design gjør det for visuelt arbeid.
Alle antar det samme: en samtale er et raskt nok grensesnitt til å erstatte klikking gjennom menyer. Det fungerer like bredt som "bygg meg en landingsside" og like smalt som "flytt denne knappen to piksler til venstre". Det eneste spørsmålet som står igjen er om resultatet er godt nok til å sende ut. Artifacts antydet allerede ja for små ting. Claude Design er samme satsing rettet mot hele prosjekter.
Ordliste
| Begrep | Forklaring |
|---|---|
| Claude Design | Et Anthropic Labs-produkt som lar deg lage design, prototyper, presentasjoner og one-pagere ved å beskrive dem til Claude |
| Anthropic Labs | Et team i Anthropic som klekker frem eksperimentelle produkter som tøyer grensene for hva Claude kan |
| Vision model | En AI som kan se bilder og forstå hva som er i dem, ikke bare lese tekst |
| Arbeidsflate (canvas) | Det visuelle området der designet dukker opp, og der du kan redigere direkte |
| Prompt | En beskjed du skriver til AI-en som forteller hva du vil ha laget |
| Prototype | En tidlig fungerende versjon av noe, brukt til å teste ideer før man bygger det på ekte |
| Forhåndsvisning (research preview) | En tidlig versjon av et produkt som er live og brukbart, men som fortsatt kan endre seg |
| Stedbasert kommentar (inline comment) | En kommentar som henger på ett bestemt element i designet, ikke på hele prosjektet |
| Designsystem (design system) | Et felles sett med farger, fonter, komponenter og regler så alt et selskap lager ser konsistent ut |
| One-pager | Sammendrag eller oversikt på én side, ofte brukt i marked eller til partnere |
| Leveranse (handoff) | Å overlevere et ferdig design til neste person som skal bygge det på ekte |
| Artifacts | En eldre Claude-funksjon som viser generert innhold som kode, HTML eller SVG-er i et sidepanel ved siden av chatten |
Kilder og ressurser
- Introducing Claude Design by Anthropic Labs — Selve annonseringen med funksjonsliste og partnersitater
- Get started with Claude Design — Offisiell kom-i-gang-guide
- Claude Design subscription usage and pricing — Ukentlige kvoter per plan og enterprise-fakturamodeller
- Introducing Anthropic Labs — Bakgrunn for Labs-programmet
- What are Artifacts and how do I use them? — Forgjengeren artikkelen sammenligner med
- Claude Design — Produktsiden, krever Pro-, Max-, Team- eller Enterprise-innlogging
- Introducing Claude Design (video) — 1:22-trailer