Claude Design — Wat het is en hoe je het gebruikt
Anthropic lanceerde Claude Design: wat er is geleverd, waarom het anders is dan Figma en Canva, en hoe de Claude Code handoff-bundel design-naar-code in één gesprek samenvat.
Claude Design is gisteren gelanceerd.
Het nieuwste product van Anthropic Labs: werk samen met Claude om ontwerpen, prototypes, dia's, one-pagers en landingspagina's te maken. Aangedreven door Opus 4.7. Live op claude.ai/design voor Pro-, Max-, Team- en Enterprise-abonnees.
Het getal dat alles omkadert, van Olivia Xu, Senior Product Designer bij Brilliant: "Onze meest complexe pagina's, die meer dan 20 prompts kostten om na te maken in andere tools, vereisten slechts 2 prompts in Claude Design." De pagina's van Brilliant staan bekend om hun dichte interactiviteit. Wanneer een ontwerper bij een design-gericht bedrijf dat zegt, doet de tool iets wezenlijk anders onder de motorkap.
De functie die het meest telt: overdracht naar Claude Code.
Wanneer een ontwerp klaar is om te bouwen, verpakt Claude Design alles (intentie, componenten, interacties, design system context) in een bundel die je met één instructie aan Claude Code doorgeeft. Claude Code implementeert het.
Dit is het stuk dat Figma en Canva niet hebben. Zij leveren een statisch artefact. Claude Design levert gestructureerde intentie waarop een andere AI kan reageren. De design-naar-code-lus die vroeger een week heen en weer was, wordt één gesprek.
Je merk wordt ingebouwd tijdens de onboarding. Claude leest je codebase en bestaande ontwerpbundels om je kleuren, typografie en componenten te leren. Elk project gebruikt dat systeem automatisch, en je kunt er meer dan één onderhouden (marketingsite, product, investeerderspresentaties). Je merk wordt geleerd, niet geconfigureerd.
Je kunt beginnen waar je gedachten ook leven: een tekstprompt, afbeeldingen, DOCX / PPTX / XLSX-bestanden, of direct je codebase. De belangrijkste is de web capture tool. Richt deze op elke URL en hij haalt elementen van de live pagina, zodat je prototypes eruitzien als het daadwerkelijke product, niet als een Figma-benadering die drie sprints geleden is afgedreven.
Verfijningscontroles worden gegenereerd voor jouw specifieke ontwerp: inline opmerkingen bij elk element, directe tekstbewerking en aanpassingsknoppen voor spatiëring, kleur en lay-out die Claude op maat maakt voor het project. Krijg een aanpassing goed op één element en vraag Claude vervolgens om deze toe te passen op het hele ontwerp.
Exportpaden: delen als een interne URL, opslaan als een map, of exporteren naar PDF, PPTX of standalone HTML. De moeite waard om te noemen: exporteren naar Canva (Canva CEO Melanie Perkins heeft een quote in de launchpost). Ontwerpen die naar Canva worden gepusht, worden volledig bewerkbaar voor niet-technische teamgenoten. Gebruik het wanneer de volgende stap is "marketing moet dit aanpassen" in plaats van "engineering moet dit bouwen."
Waar teams het voor gebruiken, rechtstreeks uit de launchpost: prototypes van statische mockups voor gebruikerstests, product wireframes die worden overgedragen aan Claude Code, pitch decks van een ruwe schets, en landingspagina's van een beschrijving. Aneesh Kethini, PM bij Datadog: "Wat vroeger een week van heen en weer tussen briefs, mockups en reviewrondes kostte, gebeurt nu in één gesprek."
Dit weekend: richt de web capture tool op een live site, genereer 3 alternatieve richtingen, kies er één en verfijn, exporteer vervolgens de handoff-bundel naar Claude Code met één instructie. De verborgen use case is frontier design: code-aangedreven prototypes met stem, video, shaders, 3D en ingebouwde AI.
Wat er is geleverd: Claude Design, een onderzoeksvoorbeeld van Anthropic Labs, aangedreven door Opus 4.7, op claude.ai/design voor Pro, Max, Team en Enterprise.
Waarom het anders is: een design system geleerd van je codebase, een web capture tool die van je live site haalt, aangepaste verfijningsknoppen, en een handoff-bundel die gestructureerde intentie naar Claude Code stuurt in plaats van een statisch artefact. De design-naar-code-lus wordt verkort van een sprint naar één gesprek. Het diepere playbook leeft in Tracks 2 tot en met 5.