Claude Design review: onze eerlijke mening na 5 dagen testen

Claude Design in de praktijk van een webbureau is een AI-ondersteunde prototyping-tool voor snelle HTML/CSS-concepten die de eerste visuele afstemming met zakelijke klanten met 60% versnelt, maar voor schaalbare en productieklare Europese bedrijfswebsites (€4.500 tot €9.000) in 2026 altijd maatwerk Figma-designsystemen en Next.js-ontwikkeling vereist.

We hebben hem in april 2026 vijf werkdagen getest, vanaf twee dagen na de lancering, op echte briefings van ons bureau voor bedrijfswebsites. We bouwen landingspagina's, bedrijfssites en webportalen, dus we probeerden hem kapot te krijgen zoals klanten dat bij ons doen.

Deze versie van de review houdt vast wat we in die test zagen, duidelijk gedateerd, en corrigeert wat sindsdien veranderd is. Een aantal feiten uit ons stuk van april was binnen een paar maanden achterhaald, vooral toegang, gebruikslimieten en exportopties. Elk productfeit hieronder linkt naar de pagina van Anthropic of Figma waar het vandaan komt. Die bronnen zijn Engelstalig: het helpcentrum van Anthropic heeft geen Nederlandse versie.

Claude Design is de visuele kant van Claude. Anthropic omschrijft het als een manier om samen met Claude designs, prototypes, slides en one-pagers te maken, en bij de lancering draaide het op Claude Opus 4.7, door Anthropic zijn sterkste visiemodel genoemd (lanceringsbericht). Je beschrijft wat je nodig hebt, Claude bouwt een eerste versie en jij verfijnt die met inline opmerkingen, directe tekstwijzigingen en schuifjes voor witruimte, kleur en layout.

Voor webwerk telt het designsysteem het zwaarst. Tijdens de setup leest Claude je codebase en designbestanden en bouwt het een set kleuren, typografie en componenten die latere projecten automatisch hergebruiken. Het helpcentrum noemt als bronnen een GitHub-repo, designbestanden, losse uploads, Figma-bestanden, presentaties, logo's en fonts, plus een /design-sync-commando in Claude Code dat tokens en componenten rechtstreeks uit een React-codebase leest (handleiding designsysteem). Designsystemen hebben nog het label bèta.

Het is geen beeldgenerator

Midjourney en Adobe Firefly leveren plaatjes. Claude Design levert een layout met hiërarchie, witruimte en componenten die op elkaar afgestemd zijn, die je als prototype kunt doorklikken of als HTML kunt exporteren. In april was dat het verschil dat ons het meest opviel. Met een beeldgenerator moet iemand het plaatje nog nabouwen als echte componenten. Met Claude Design is het eerste ontwerp al de interface, dus die vertaalstap valt weg.

Midjourney gebruiken we nog steeds voor moodboards en vroege merkrichtingen. Firefly zit in Creative Cloud en maakt beeldmateriaal zoals productfoto's en achtergrondvarianten, en dat is een ander vak. Een van beide vergelijken met Claude Design is bijna een categoriefout.

Behoorlijk veel, en het meeste gaat over toegang, niet over de output. Toen we Claude Design in april 2026 testten, was het een research preview voor betaalde abonnementen, met een eigen weektegoed en een eigen adres op claude.ai/design. In oktober 2026 draait het in gewone Claude-gesprekken, is het open voor Free-gebruikers en deelt het één gebruikspot met de rest van Claude.

• 17 april 2026. Lancering als research preview van Anthropic Labs voor Pro-, Max-, Team- en Enterprise-abonnees, op Claude Opus 4.7. Op Enterprise stond het standaard uit tot een beheerder het aanzette (Anthropic).
• 16 september 2026. De release notes van Anthropic voegen designs, presentaties en documenten toe aan elk gesprek en aan het tabblad Artifacts, en melden dat Artifacts, waaronder Claude Design, Claude Slides en Claude Docs, op elk abonnement beschikbaar zijn (release notes). Presentaties hebben nu een eigen tool, Claude Slides (beheerdershandleiding).
• Gebruik. Claude Design had vroeger een eigen weektegoed. Nu telt het mee voor dezelfde limieten als de rest van Claude, inclusief Claude Code (helpcentrum).
• Exports en integraties. Het lanceringsbericht noemde Canva, PDF, PPTX en losse HTML. Het helpcentrum voegt nu ZIP-download, Google Slides, twee routes naar Claude Code en 15 partnertools toe: Adobe Experience Manager, Adobe for Creativity, Adobe Journey Optimizer, Base44, Canva, Gamma, HubSpot, Hyperframes, Lovable, Miro, Netlify, Replit, v0, Vercel en Wix.
• 15 oktober 2026. Design, Slides en Docs gaan standaard aan voor Enterprise-abonnementen. Eigenaren kunnen ze eerder aanzetten of vóór die datum uitschakelen (beheerdershandleiding Artifacts).
• 14 december 2026. De losse site claude.ai/design sluit. Bestaande projecten blijven daar tot die datum, en maximaal 60 ervan verschijnen ook in het tabblad Artifacts.

Sommige dingen zijn niet veranderd. Het helpcentrum noemt nog steeds twee gaten: er is nog geen versiegeschiedenis, en samen bewerken met meerdere mensen is basaal en werkt mogelijk niet betrouwbaar. Voor gereguleerd werk staat in de beheerdershandleiding voor Artifacts dat Claude Design op dit moment geen eisen rond dataresidentie ondersteunt en niet onder de BAA van Anthropic valt, dus beschermde gezondheidsgegevens horen er niet in.

Je hebt geen aparte site meer nodig. Volgens het helpcentrum van Anthropic kun je in elk gesprek om een design vragen, of in het berichtvak Output en dan Design kiezen. Je kunt ook starten vanuit een Design-template in het tabblad Artifacts, /design draaien in Claude Code, of designs bewerken in de iOS- en Android-apps. De losse claude.ai/design werkt tot 14 december 2026, en Anthropic vraagt gebruikers hun designsystemen vóór die datum te migreren (helpcentrum).

De werkwijze is dezelfde die we in april leerden. Schrijf een briefing, geen prompt: wie de doelgroep is, wat die al gelooft en wat je wilt dat die doet. Laat het genereren, ga in discussie met de eerste structuur in plaats van die te accepteren, en genereer opnieuw met je bezwaar in de briefing. De kwaliteit van wat terugkomt volgt bijna precies de kwaliteit van wat erin gaat.

Twee keuzes vooraf besparen later tijd. Bouw eerst het designsysteem, vanuit een repo of je merkbestanden, zodat elk project in je huisstijl begint. Bepaal daarna waar het werk terechtkomt. Je kunt het exporteren (ZIP, PDF, PPTX, Google Slides of losse HTML), naar een partnertool sturen of aan Claude Code overdragen met "Send to local coding agent" of "Send to Claude Code Web". Vanuit Claude Code kan /design een design in je codebase importeren, code als live prototype exporteren of Claude het geheel laten bouwen. De tutorial van Anthropic over Claude Design voor prototypes en UX (Engelstalig) loopt de productdesigncase door.

Claude Design heeft geen eigen prijs. Het zit in elk Claude-abonnement, Free inbegrepen, en designwerk gaat af van dezelfde gebruikslimieten als chat en Claude Code (helpcentrum). De praktische vraag is dus welk abonnement je genoeg ruimte geeft. Op de prijspagina van Anthropic kost Pro in oktober 2026 €20 per maand (€17 per maand bij jaarbetaling), begint Max bij €100 per maand en kost een Team Standard-seat €25 per maand (€20 bij jaarbetaling).

Anthropic vermeldt die bedragen in dollars en zegt erbij dat ze exclusief toepasselijke belasting zijn. Complexe projecten met grote codebases of veel iteraties gebruiken meer van je limieten. Bereik je die, dan is Claude Design niet beschikbaar tot de limieten resetten, tenzij je gebruikstegoed hebt aangezet. Op Team- en Enterprise-abonnementen per seat gaat het gebruik af van de sessie- en weeklimieten van elke seat, en beheerders kunnen extra tegoed kopen. Enterprise-abonnementen op basis van gebruik worden afgerekend tegen standaard API-tarieven, met uitgavenlimieten per organisatie, groep en gebruiker (beheerdershandleiding Artifacts).

De gratis toegang is genoeg om de tool te proberen en zelf een oordeel te vormen. Of je er een volledig project op kunt draaien, hangt af van hoeveel iteraties je nodig hebt. Voor een bedrijf dat een website laat maken is het abonnement zelden het bedrag dat ertoe doet: naast een bedrijfswebsite van €4.500 is €20 per maand een afrondingsverschil.

We begonnen op 19 april 2026, twee dagen na de lancering, en gebruikten Claude Design vijf werkdagen voor echt werk in plaats van in een zandbak. Vijf designers haalden er ongeveer zes klantbriefings doorheen: landingspagina's in sectoren die we goed kennen (fintech, logistiek, zorg), UI-componentsystemen, navigatiestructuren, fundamenten voor designsystemen en richtingen voor merkidentiteit. Genereren, beoordelen, terugduwen, opnieuw genereren, tot iemand honger kreeg.

Wat we testten

Landingspagina's eerst, omdat een landingspagina de scherpste test is of een tool echt nadenkt. Een goede landingspagina is niet toevallig mooi. Hij is opgebouwd rond een reeks dingen die de bezoeker moet geloven voordat hij iets doet, en Claude Design redeneerde over die reeks. De eerste keer dat we zagen hoe het een layout voor koud verkeer anders opbouwde dan voor warm verkeer, vanuit dezelfde productbriefing en zonder dat we het vroegen, was het even stil in de ruimte.

Daarna kwamen UI-componenten: componentbibliotheken, sets voor datavisualisatie, formuliersystemen, navigatiepatronen. De consistentie binnen één sessie was beter dan we verwachtten. Alles voelde alsof het uit één systeem kwam, niet uit een stapel losse Pinterest-borden.

Dag vijf vergeleken met dag één

Op dag één waren we aan het porren, op zoek naar randen en naar wat het niet kon. Op dag vijf stuurden we het aan. We hadden geleerd hoe je een briefing schrijft waarmee de eerste versie al dichtbij zit, hoe je terugduwt zonder verwarring te zaaien, en hoe je beperkingen gebruikt om sneller te gaan in plaats van ze als vangrails te zien.

Volgens onze ruwe telling destijds kostte de stap van briefing naar een eerste wireframe met complete informatiearchitectuur 45% tot 60% minder tijd dan onze workflow met alleen Figma. Zie dat als een schatting van vijf dagen door één team, niet als een gecontroleerde meting.

We hebben veel AI-tools in echte workflows gebruikt, en de meeste versnellen één taak terwijl het denkwerk blijft liggen. In april verschilde Claude Design op vier punten: het redeneerde over structuur, het duwde terug op slechte briefings, het veranderde in minuten van richting en het hield een sessie consistent. Het heeft ook grenzen, vooral grenzen die Anthropic zelf documenteert en grenzen die onze korte test nooit bereikte.

Redeneren over structuur

Vraag om een SaaS-landingspagina voor een doelgroep die de productcategorie nog nooit heeft gehoord, en het zet uitleg vóór social proof. Vraag hetzelfde product voor mensen die de categorie al kennen, en de structuur schuift. Het gedroeg zich minder als een visuele tool met een chatvenster en meer als een tool voor design thinking die toevallig visuals oplevert.

Het tegengas is echt

Meer dan eens die week gaf Claude Design aan dat onze briefing vaag was of zichzelf tegensprak, nog voordat het iets genereerde. Het vroeg door in plaats van te mislukken. Dat lijkt meer op werken met een senior designer dan met een productietool, en het is niet altijd welkom als je haast hebt. De resultaten werden elke keer beter als we de tijd namen om goed te antwoorden. Irritant, en ook terecht.

Iteratiesnelheid en consistentie

Een andere layoutrichting kiezen betekende niet langer elementen verschuiven. We herschreven de briefing en er rolde een nieuwe layout uit. Binnen een sessie deelden componenten typografie, witruimte en interactiepatronen. Consistentie over een designsysteem is een van de arbeidsintensiefste delen van ons werk, en dat dit zonder constant toezicht werd geregeld, was nieuw.

Waar het ophoudt

Het helpcentrum noemt nog geen versiegeschiedenis en alleen basaal samen bewerken (helpcentrum). Designsystemen zijn bèta, gemigreerde systemen hebben misschien wat opschoning nodig, en live componentpreviews zijn niet met Tab te bereiken, dus niet met het toetsenbord te bedienen (handleiding designsysteem). Dat laatste telt als een toegankelijkheidsreview deel is van je proces. En de output is maar zo goed als de briefing: Claude Design maakt net zo makkelijk een geloofwaardige structuur voor een verkeerde briefing als voor een goede.

Na vijf dagen hadden we het plafond niet gezien, en dat zeiden we toen ook. We hadden Claude Design niet getest op ons zwaarste werk: discovery met veel stakeholders, grote portaalarchitecturen of merksystemen die over 12 verschillende touchpoints overeind moeten blijven. Alles wat we deden was verkennend vergeleken met een echte klantopdracht, dus lees de observaties uit april als eerste indrukken van één team.

Sindsdien hebben we geen tweede test gedaan of gepubliceerd, en deze update doet niet alsof. Wat we wel kunnen beschrijven, is waar Claude Design in ons proces zit, zoals onze dienstpagina's en onze procesgids dat al uitleggen. Bij een bedrijfswebsite keurt de UX-lead de informatiearchitectuur goed, terwijl Claude Design drie tot vijf kandidaat-structuren genereert om die tegen te testen. Bij een landingspagina stelt het drie tot vijf UX-richtingen voor en kiest een senior designer er één. Elk door AI gegenereerd stuk gaat langs een senior designer voordat het ons huis verlaat.

Claude Design en Figma beginnen aan tegenovergestelde kanten. In Figma Design neemt een mens elke visuele beslissing, en de AI van Figma helpt binnen dat bestand. Claude Design begint bij een doel en randvoorwaarden en genereert eerst de structuur. Figma's eigen tool op basis van prompts, Figma Make, is de betere vergelijking: die maakt van prompts en bestaande Figma-designs interactieve prototypes en webapps met bewerkbare code (Figma Help Center).

We vinden Figma goed. Het veranderde samenwerken aan design op een manier die echt anders was, geen kleine upgrade, en die bijdrage is reëel. De tabel vergelijkt de twee alleen op wat elk bedrijf zelf publiceert, op basis van het helpcentrum en de prijspagina van Anthropic en het helpcentrum en de prijspagina van Figma.

Is dit het Nokia-moment van Figma?

In april vergeleek ik Figma en Adobe met Nokia en BlackBerry: bedrijven die uitblonken in wat ze deden, maar waarvan de voordelen bij de oude manier van werken hoorden. Nu ik deze update in oktober schrijf, zou ik voorzichtiger zijn. De gracht van Figma is dat elke designer het kent en elke overdracht erdoorheen loopt, en die gracht wordt pas smaller als het vroege werk niet meer in een Figma-bestand begint. Figma heeft met Make bovendien al een eigen tool op basis van prompts, en daar houdt de vergelijking geen rekening mee. Hoeveel layoutwerk naar tools als Claude Design verhuist en hoeveel in Figma blijft voor samenwerking en overdracht, is een open vraag. Niemand weet het antwoord nog, wij ook niet.

Adobe is nu een exportbestemming

De positie van Adobe ziet er anders uit dan in april. Firefly genereert nog steeds beeld in plaats van interfacestructuur, maar Adobe Experience Manager, Adobe for Creativity en Adobe Journey Optimizer staan nu in de lijst met partnertools van Claude Design (helpcentrum). Voorlopig is Adobe een van de plekken waar werk uit Claude Design naartoe gaat.

Claude Design past bij mensen die een idee willen zien voordat ze er geld in steken, en bij teams die al een designsysteem of codebase hebben die het kan lezen. Het past minder waar de gedocumenteerde grenzen knellen: gereguleerde data, regels rond dataresidentie, of werk dat afhangt van versiegeschiedenis en meerdere mensen die tegelijk bewerken. De verdeling hieronder is gebaseerd op onze test in april en op de eigen documentatie van Anthropic.

Goede match

• Oprichters en marketeers die een concept willen om op te reageren, een interne template, of drie richtingen om te vergelijken voordat ze iemand briefen. Het Free-abonnement is genoeg om dit te proberen.
• Productteams met een React-codebase, omdat /design-sync tokens en componenten direct leest.
• Designers die snel meerdere layoutrichtingen willen en hun eigen tijd liever besteden aan kiezen.
• Teams die al publiceren via Canva, Lovable, v0, Vercel of Wix en een directe overdracht willen.

Slechte match

• Zorgteams en anderen die beschermde gezondheidsgegevens verwerken, omdat Claude Design niet onder de BAA van Anthropic valt.
• Organisaties met eisen rond dataresidentie, die Claude Design op dit moment niet ondersteunt.
• Teams die versiegeschiedenis nodig hebben, of meerdere mensen die betrouwbaar tegelijk aan hetzelfde design werken.
• Iedereen die een kant-en-klare website wil die omzet moet dragen, zonder dat iemand checkt of de structuur klopt voor de doelgroep.

En de AVG voor een Europees bureau?

Werk je met gegevens van Europese klanten, dan is dit wat Anthropic publiceert. Voor zakelijke producten zoals Claude Enterprise en de API zegt het privacycentrum dat data in de Verenigde Staten wordt opgeslagen, ook al kan verkeer via Europese landen lopen (privacycentrum). De verwerkersovereenkomst (DPA) van Anthropic hoort bij de Commercial Terms en neemt de standaardcontractbepalingen van de EU op; Free, Pro en Max zijn consumentenproducten met eigen voorwaarden. Check vóór je persoonsgegevens in een briefing zet onder welk contract je account valt, en laat de DPA beoordelen door je functionaris gegevensbescherming of jurist.

Nee, en de bredere vraag behandelen we in een apart stuk over AI tegenover menselijke webdesigners. De korte versie uit onze test in april: Claude Design comprimeert de uitvoering, dus de eerste layout, de iteraties en de componentvarianten. Wat waardevoller wordt, is oordeelsvermogen. Past deze structuur bij dit zakelijke probleem? Klopt de briefing wel? Wat hebben de stakeholders nooit opgeschreven?

De designers die het moeilijk krijgen, zijn degenen van wie de professionele identiteit op productiesnelheid rust en niet op oordeel, en dat zeg ik met begrip, want de branche heeft hen jarenlang verteld dat snelheid het vak was. Wie het goed doet, gebruikt het als een hefboom voor het eigen werk: ze schrijven scherpere briefings, beoordelen output sneller en steken hun energie in conversielogica en informatiehiërarchie.

De meeste mensen die op deze review uitkomen, zijn geen designer. Ze runnen een bedrijf, ze hebben een website nodig en ze willen weten of een tool als Claude Design verandert waarvoor ze moeten betalen of wie ze moeten inhuren. Het verandert wie de eerste versie maakt. Het verandert niet wie gelijk moet hebben over je doelgroep, je aanbod en je cijfers, en daar zitten nog steeds de meeste kosten en de meeste waarde van een website.

Wat er verandert voor de koper

Je ziet vroeg echte layoutopties, nu van richting veranderen nog goedkoop is. In ons proces maakt Claude Design kandidaat-structuren en beslist een mens. Onze gepubliceerde doorlooptijden zijn 5 tot 10 werkdagen voor een landingspagina, 2 tot 4 weken voor een bedrijfswebsite en 6 tot 8 weken voor een portaal, of 8 tot 12 weken bij zware compliance-eisen (tijdlijn website-ontwikkeling). Je kunt de AI-ondersteunde workflow ook weigeren: een meertalige bedrijfssite die volledig met de hand wordt gebouwd, gaat dan van 4 tot 8 weken naar 8 tot 14 weken en kost ongeveer 25% meer.

Wat er niet verandert

Wie beslist. Claude Design maakt een geloofwaardige structuur voor elke briefing die je aanlevert, ook voor een verkeerde. Het kan niet weten dat je waardevolste bezoekers via een vergelijkingspagina binnenkomen en eerst prijzen willen zien, of dat je salesteam steeds verliest op één bezwaar dat in je hero-sectie thuishoort. Die keuzes bepalen of een site geld oplevert, en ze komen nog steeds van iemand die je cijfers heeft gelezen. Ons website-ontwikkelproces zet dat lezen vóór elke generatiestap.

Hoe weet je wat je nodig hebt?

Probeer de tool zelf voordat je iemand belt. Wil je een concept om op te reageren, een interne template of drie richtingen om te vergelijken voordat je budget vastlegt, dan is Claude Design alleen genoeg, en een bureau betalen voor die stap is zonde van het geld. Draagt de site omzet, moet hij ranken of heeft hij acht stakeholders met meningen, dan is de gegenereerde structuur het goedkope deel van de klus. Onze vergelijking AI-websitebuilder of bureau helpt bij die afweging. Onze landingspagina's beginnen bij €1.500, bedrijfswebsites bij €4.500 en webportalen bij €9.000. Wat een websitebudget echt oplevert zet de posten op een rij, en de prijspagina toont de pakketten.

In april 2026, na vijf dagen, was ons oordeel dat Claude Design de belangrijkste designtool was die we sinds Figma zelf hadden zien verschijnen, vooral door de manier waarop het over structuur redeneert. Zes maanden later zijn de productfeiten voor de meeste kopers in zijn voordeel verschoven: het zit in elk abonnement, het werkt in gewone gesprekken en het exporteert naar meer plekken, waaronder Claude Code. De gaten die Anthropic zelf noemt (versiegeschiedenis, samen bewerken, dataresidentie) zijn echt, dus leg ze naast je eigen behoeften.

Figma en Adobe hebben het geld en het talent om te reageren, en Figma heeft Make al. Of vroeg layoutwerk definitief uit Figma verdwijnt, is nog open, en ik denk niet dat iemand dat nu al kan zeggen. Ons eigen antwoord is praktisch: Claude Design stelt voor, een senior designer beslist, en op die basis draaien we AI als ons kernmodel. Wil je beoordelen wat voor sites dat proces oplevert, kijk dan in ons webdesignportfolio.