Wat is Claude Design? Antropic’s AI-ontwerptool uitgelegd

Hoe werkt Claude Design?

Twee panelen: chat links, live canvas rechts. Je schrijft een prompt, Claude genereert het ontwerp op het canvas en je blijft verfijnen. Anthropic beschrijft de lus in vijf stappen: 

1. Maak een project aan met relevante context
2. Beschrijf wat je wilt
3. Beoordeel de output
4. Itereer via chat en opmerkingen
5. Exporteer of deel

Wat mij opviel is het gedrag rond verduidelijkende vragen. Als een prompt vaag is, kan Claude pauzeren om te vragen wat er nog ontbreekt, in plaats van meteen het eerste te tekenen wat het afleidt.

Chatpaneel links, gegenereerd canvas rechts. Afbeelding door auteur.

Laten we nu bekijken hoe elk deel van die lus in de praktijk aanvoelt.

Een project opzetten en context toevoegen

Nieuwe projecten erven het gepubliceerde designsysteem van de organisatie, dus merkassets hoeven niet opnieuw te worden geüpload zodra die setup er is. 

De setupgids raadt aan om Claude vooraf echte context te geven: screenshots, mockups, slide decks met een stijl die je mooi vindt, en een coderepository als die bestaat. Als er meer informatie nodig is, kan Claude verduidelijkende vragen stellen voordat het iets tekent, waardoor details boven komen die je was vergeten te specificeren.

Goede prompts dekken vier dingen: doel, lay-out, inhoud en doelgroep. Voorbeelden zijn "Maak een dashboard dat de maandelijkse omzet toont met filters voor regio en productlijn" en "Ontwerp een onboardingflow voor een mobiele app met 4 schermen."

Itereren op het canvas

Er zijn meerdere paden om het ontwerp na de eerste schets verder te brengen. 

• Chat pakt brede wijzigingen op (donkerder thema, twee of drie lay-outalternatieven)
• Inline opmerkingen richten zich op een specifiek element zonder uit te leggen waar het staat
• Directe tekstbewerkingen passen copy aan zonder prompt
• Aangepaste schuifregelaars regelen spacing, kleur en lay-outtweaks live

Eén eigenaardigheid op dag één: opmerkingen verdwijnen soms voordat Claude ze leest. Het plakken van de tekst in de chat is de gedocumenteerde workaround. Vervelend, maar beter om te weten voordat je voor een review op opmerkingen vertrouwt.

Versies, delen en exporteren

Om de huidige schets te behouden en iets anders te proberen, stelt Anthropic voor om Claude iets te zeggen als "sla op wat we hebben en probeer een totaal andere aanpak." 

Delen is organisatiegebonden, met privé-, alleen-lezen-, reactie- en bewerkingsrechten; met bewerkingsrechten kan een teamgenoot het ontwerp aanpassen en in hetzelfde gesprek met Claude chatten. 

Het Exportmenu staat rechtsboven en omvat gangbare bestandsformaten, een overdracht naar Canva en een verpakte handoff naar Claude Code.

Wat kun je bouwen met Claude Design?

De lanceringsaankondiging noemt zes outputtypen uit gebruik door klanten vóór de release. Hier is elk type met een korte toelichting:

• Realistische prototypes: statische mockups omzetten in interactieve prototypes die je kunt delen en laten testen door gebruikers, zonder code review of pull requests.
• Productwireframes en mockups: featureflows die je ofwel kunt overdragen aan Claude Code of aan een ontwerper voor verfijning.
• Designexploraties: meerdere richtingen snel uitproberen, voor ontwerpers die exploratietijd normaal moeten rantsoeneren.
• Pitchdecks en presentaties: van ruwe schets naar on-brand deck, met PPTX-export of een versturen-naar-Canva-optie.
• Marketingmateriaal: landingspagina’s, social assets en campagnemateriaal.
• Frontier design: codegestuurde prototypes met voice, video, shaders, 3D of ingebouwde AI. Dit is de meest experimentele van de zes; ik kom later bij de beperkingen terug op de open vragen.

Gegenereerd mobiel onboardingprototype op het canvas. Afbeelding door auteur.

De admingids voegt microsites en landingspagina’s toe als aparte categorie. De testimonials in de lancering focussen op snelheid en op het van idee naar prototype gaan binnen één meeting; neem die als illustratief, niet universeel, aangezien dezelfde docs rafelrandjes noemen in de meer experimentele outputs.

Hoe Claude Design merk- en designsystemen gebruikt

Dit is belangrijk omdat het de standaardoutput verandert. Anthropic waarschuwt dat teams zonder designsysteem "functionele maar generieke" output krijgen. Met een gepubliceerd systeem nemen nieuwe projecten je kleuren, typografie en componenten over. De kanttekening is dat het geëxtraheerde systeem maar zo goed is als de bronassets die je uploadt; rommelige input levert een rommelig startsysteem op.

Laten we nu bekijken hoe het systeem wordt opgebouwd.

Hoe het systeem wordt gemaakt

De setup gebeurt één keer per organizatie. Het artikel over het designsysteem beschrijft vier stappen: maak je organisatie aan, upload merk- en productassets, beoordeel wat Claude heeft gegenereerd en publiceer het voor het team. Bronnen kunnen een coderepository zijn, bestaande designbestanden, slide decks die je visuele identiteit weerspiegelen, of losse assets zoals logo’s en paletbestanden. Eén bron is genoeg om te starten.

Anthropic zegt dat het gegenereerde systeem doorgaans een kleurenpalet, een typografieschaal, componenten (knoppen, cards, navigatie) en lay-outpatronen omvat. Test het met prompts als "Maak een landingspagina voor [jouw product]" om te zien hoe het merk in de praktijk overkomt.

Review van designsysteem met geëxtraheerde tokens. Video door auteur.

Publiceren, meerdere systemen en updates

Als je tevreden bent, zet je de schakelaar "Published" om zodat nieuwe projecten in die organisatie het standaard oppikken. Teams kunnen meer dan één systeem beheren voor submerken of aparte productlijnen. Voor updates verwijst het designsysteemartikel naar de knop "Remix", die een chat opent waarin Claude delen kan aanpassen.

De admingids is duidelijk over de volgorde: Claude Design inschakelen zonder een gepubliceerd systeem geeft "functionele maar generieke" output, daarom zet de aanbevolen uitrol eerst de designsysteem-setup.

Welk soort input accepteert Claude Design?

Je bent niet beperkt tot een éénregelige prompt. Claude Design accepteert verschillende inputtypes die goed combineren, en een meer realistische context levert vaak een betere eerste schets op.

Inputs die vandaag gedocumenteerd zijn, omvatten:

• Platte-tekstprompts in het chatpaneel.
• Screenshots, afbeeldingen of bestaande assets, waaronder slide decks en documenten met een stijl die je wilt kopiëren.
• Documenten in DOCX-, PPTX- en XLSX-formaten, genoemd in de lanceringspost.
• Codebases, door een coderepository te linken of een lokale map te koppelen via de importflow.
• Webcaptures: je kunt elementen van een bestaande website vastleggen, zodat Claude echte interfacepatronen nauwkeuriger kan spiegelen.

Twee dingen worden vaak onjuist gerapporteerd. Anthropic noemt "bestaande designbestanden" maar somt geen native designtoolformaten op, en er is momenteel geen claim van native Figma-import of -export; het exportmenu bevat geen .fig bestand. Als je workflow afhankelijk is van heen en weer gaan met Figma, is het de moeite waard om dat te checken in het live product voordat je je vastlegt.

Als de eerste schets de plank misslaat, kom dan terug op die checklist met vier onderdelen: doel, lay-out, inhoud en doelgroep.

Claude Design vs. Claude Code

Ze delen de naam Claude, het onderliggende model en een overdrachtsschakel, maar het zijn niet dezelfde tools. Ze door elkaar halen is een van de meer voorkomende verwarringen sinds de lancering. De namen klinken vergelijkbaar; de producten doen verschillende taken.

Laten we naar het echte verschil kijken.

Waar is elke tool voor?

Claude Design is een webproduct voor het creëren en verfijnen van visuele outputs op een canvas: prototypes, decks, microsites en marketingpagina’s. Het kan een coderepository lezen om je merk te begrijpen, maar het bewerkt je codebase niet en voert geen commando’s uit.

Claude Code is een agentische coderingstool. De officiële samenvatting beschrijft het als een tool die je codebase leest, bestanden bewerkt en commando’s uitvoert binnen je bestaande dev-workflow. Het draait in je terminal, IDE, desktopapp of browser en de taak is werken aan code. Andere taken, hetzelfde proces.

Hoe verbinden Claude Design en Claude Code?

Wanneer een project klaar is om te bouwen, heeft het Exportmenu een overdracht naar Claude Code, naar een lokale codeagent of naar Claude Code Web. Anthropic zegt dat Claude de ontwerprichting verpakt in een bundle die de ontvangende agent met één instructie oppakt. Het exacte klikpad staat in de walkthrough hieronder.

Het juiste mentale model is een volgorde: idee, prototype, code. De twee producten hebben ook aparte gebruikslimieten, waar ik later bij toegang op terugkom.

Voor wie is Claude Design?

Anthropic verdeelt het publiek in tweeën: ervaren ontwerpers die exploratietijd meestal moeten rantsoeneren, en "iedereen anders" die visueel werk moet produceren zonder designachtergrond. In de uitrolrichtlijnen worden ook UX-onderzoekers, productmanagers, marketeers en aanpalende functies genoemd.

Afgaande op bronmateriaal en klantcitaten lijkt het product gemaakt voor ontwerpers die vroeg richtingen testen, productmanagers die featureflows schetsen en founders of account executives die een deck nodig hebben zonder een weekend in slides te steken. 

Het past ook bij marketeers die werken aan landingspagina’s, social assets en campagnemateriaal als startpunt, plus niet-ontwerpers die een idee visueel moeten overbrengen zonder Figma op te pakken.

Breed, maar niet "iedereen in gelijke mate." Ontwerpers die werken met strikte componentbibliotheken en exacte specificaties hebben voor het latere werk nog steeds een echte designtool nodig. De fit is duidelijker voor teams die al een brandsysteem hebben en waarde hechten aan eerste schetsen.

Waar past Claude Design?

Het product zit in het vroege tot middelste deel van de designworkflow, waar eerste schetsen belangrijker zijn dan de laatste polish. De use-cases hieronder komen uit de positionering van Anthropic, de officiële tutorials en de testimonials bij de lancering.

De patronen die het meest terugkomen zijn vroege prototype-exploratie, interne demo’s die echt moeten aanvoelen maar niet per se code hoeven te worden, en decks voor founders, salesteams of account executives. 

Hetzelfde geldt voor campagneconcepten, eerste schetsen van landingspagina’s, merksensitieve mockups en overdrachtsvoorbereiding, waarbij Anthropic zegt dat een afgerond prototype kan worden gebundeld naar Claude Code of Claude Code Web voor implementatie.

De rode draad is de weg van idee naar een eerste schets die je kunt laten zien. Het product probeert niet het hele designproces op te lossen. Niet elk geval op die lijst zal in één keer landen; daarom zien de meeste vroege successen eruit als twee of drie iteraties, niet één.

Claude Design in de praktijk testen

Over de workflow lezen brengt je maar tot zover. Hier is een korte ronde door de volledige lus, met een prompt die je kunt reproduceren als je account toegang heeft. Als je de flow al begrijpt, spring dan naar de exportstap; dat is het deel dat de meesten verwarren met Claude Code.

Open claude.ai/design, klik op New project, noem het Workspace tour en kies High fidelity. Plak deze prompt in het chatpaneel:

Create a dashboard for a small fintech app. 
It should show monthly revenue at the top, a chart of revenue over the last six months in the middle, and a list of recent transactions below. 
Keep it clean and readable. Single page, no sidebar.

Claude kan eerst een paar verduidelijkende vragen stellen: doelgroep, esthetiek, valuta en navigatiepatroon. Eenvoudige antwoorden werken prima (intern team, clean en minimal, USD, alleen topbalk). Het canvas zou daarna na even wachten moeten invullen.

Itereer vervolgens. Zet het canvas op Comment-modus, klik op de primaire call-to-actionknop en typ een oneliner zoals "Vergroot de horizontale padding op deze knop." Dit is het inline-opmerkingsgedrag dat ik eerder beschreef.

Inline opmerking vastgezet aan canvaselement. Afbeelding door auteur.

Als het ontwerp is waar je het wilt hebben, klik dan op Export en kies Hand off to Claude Code. Dit is het overdrachtspad dat ik eerder noemde.

Exportmenu open met overdrachtsopties. Video door auteur.

Als je het voorbeeld smal houdt, is het punt niet de kloktijd. Het gaat erom te zien waar de prompt, opmerkingen, het exportmenu en de handoff in één flow zitten. De eerste run zal issues hebben; een paar iteraties zijn meestal genoeg om te zien of de tool past bij hoe jij werkt.

Beperkingen van Claude Design en open vragen

Zoals ik eerder noemde, is Claude Design een research preview, dus verwacht beweging. Anthropic documenteert gevallen van verdwenen opmerkingen, opslaanfouten in compacte weergave, vertraging bij grote codebases en upstream chatfouten. De oplossingen zijn simpel: plak verdwenen opmerkingen in de chat, schakel over naar volledige weergave, link een submap in plaats van een hele monorepo of start een nieuw chattabblad.

Voor organisaties gaan de beperkingen meer over governance. Zoals nu gedocumenteerd heeft Claude Design nog geen auditlogs of admin-gebruiksrapportages, draait het alleen op het web en zijn er wekelijkse tegoeden die na de betaperiode kunnen veranderen. Anthropic zegt ook dat geüploade assets persistent worden opgeslagen en dat Claude Design momenteel geen datalocatierichtlijnen ondersteunt.

Het punt over het designsysteem hoort hier ook: zonder die setup blijft de output generiek. De frontier-designcategorie die ik eerder aanstipte, zit in een vergelijkbare hoek: voice-, video-, shader- en 3D-outputs zijn echt, maar Anthropic noemt ze experimenteel in plaats van af.

De open vragen blijven dezelfde: hoe ver frontier design gaat, hoeveel hands-on ontwerperscontrole erbij komt en of het product ooit dieper verbindt met gevestigde designtools.

Hoe krijg je toegang tot Claude Design

Toegang is eenvoudig tot je bij teaminstellingen en gebruik komt.

Claude Design levert op claude.ai/design. Het is alleen web en beschikbaar op Pro-, Max-, Team- en Enterprise-abonnementen, zonder toegang voor Free. Bij Enterprise staat het standaard uit; een admin zet het aan onder Organization Settings, vervolgens Capabilities, in de Anthropic Labs-sectie. Zoals ik eerder besprak, is de uitrolvolgorde belangrijk: eerst het designsysteem, daarna bredere toegang.

De lanceringspost noemt Claude Design "inbegrepen" met abonnementslimieten, maar het prijsartikel is de actuelere bron.

Het prijsartikel zegt dat het gebruik afzonderlijk wordt gemeten van chat en Claude Code. Tegoeden resetten wekelijks en horen bij elke gebruiker, niet bij een gedeelde teampool. Voor Enterprise-klanten op verbruik noemt Anthropic standaard API-tarifering na een eenmalig onboardingkrediet van ongeveer 20 typische prompts, dat op 17 juli vervalt. 

Conclusie

De prompt-naar-ontwerpframing houdt stand, maar alleen als je het eerste resultaat als schets behandelt. Zonder merkcontext blijft de output volgens Anthropic generiek. Met een gepubliceerd designsysteem heeft Claude Design een duidelijkere taak: een idee omzetten in iets dat visueel genoeg is om te reviewen, te delen of over te dragen.

De overdracht naar Claude Code voelt als het belangrijkste workflowpunt. Het ontwerp is niet de eindstaat; het kan een bundle worden die ontwerprichtingen meeneemt naar een codetool. Dat is anders dan Claude Design zien als weer een canvas voor statische mockups.

Eén bevinding die voor teams belangrijk is, is minder spannend maar praktischer: het adminverhaal is nog vroeg. Geen auditlogs, nog geen admin-gebruiksrapportage, geen ondersteuning voor datalocatie en persistent geüploade assets zijn geen kleine details als je team met merk- of productmateriaal werkt.

De eerlijke lezing is dus smal. Claude Design is logisch voor eerste schetsen, designexploratie, vroege decks, ideeën voor landingspagina’s en overdrachtsvoorbereiding. Voor designwerk in een laat stadium: houd het previewlabel in gedachten en behoud een echt designproces eromheen.

Voor een bredere introductie tot AI en wat je ermee kunt doen, raad ik aan je in te schrijven voor onze AI Fundamentals-skilltrack.