High Performing Company - AI-gedreven webontwikkeling
Terug naar alle berichten
Erik van der Veen

Claude Design: zo maak je een design system zonder designer

De meeste ondernemers hebben geen designer in dienst en geen Figma-licentie waar iemand mee overweg kan. Toch moeten er constant dingen gemaakt worden: een landingspagina, een pitchdeck, een mockup van dat ene idee, een setje social posts. Het resultaat is bekend. Elk onderdeel ziet er net even anders uit, want elke keer begint iemand opnieuw te gokken. Welk blauw was het ook alweer? Hoe groot waren de koppen? Waar staat het logo?

Sinds april 2026 ligt daar een serieus antwoord op tafel: Claude Design. Een tool van Anthropic, het bedrijf achter Claude, waarmee je via de chat visueel werk maakt. Ontwerpen, prototypes, slides, one-pagers. Je beschrijft wat je nodig hebt en Claude bouwt een eerste versie. Daarna verfijn je via chat, inline opmerkingen, directe edits of schuifjes die Claude zelf voor je maakt. Geen langdurige training nodig.

Maar de echte kracht zit niet in dat ene mooie scherm. Die zit in iets wat de meeste mensen over het hoofd zien: het design system eronder.

Een design system is je bouwtekening, niet je foto

Zie een logo en een paar kleuren als een foto van je merk. Mooi, maar zodra je iets nieuws maakt sta je weer te gissen. Een design system is de bouwtekening. Het legt vast wat de regels zijn: de exacte kleurcodes, de typografische schaal, de afstanden, de vorm van knoppen, wat wel en niet mag.

Dat klinkt als iets voor grote bureaus, maar het is juist voor kleine bedrijven het verschil tussen amateuristisch en volwassen. Want consistentie wekt vertrouwen. Als je website, je offerte, je LinkedIn en je presentatie allemaal kloppen met elkaar, voelt een klant binnen een seconde: hier vindt iemand uitstraling, consistentie en details belangrijk. Wijkt alles net iets af, dan zendt je merk het tegenovergestelde uit, ook al kan niemand precies benoemen waarom.

Bedrijven denken vaak dat ze een logo en kleurenpalet nodig hebben, terwijl ze een design system nodig hebben. Een logo lost één probleem op. Een design system lost elk toekomstig probleem op, omdat iedereen die iets maakt vanuit dezelfde regels werkt.

Voorbeeld design system
Een voorbeeld van een design system

Wat Claude Design slim doet

Het mooie aan Claude Design is dat je er niet alleen webdesigns mee kan maken, maar ook een echt design system. Elk project daarna gebruikt automatisch jouw kleuren, typografie en componenten. Je hoeft het niet handmatig te bewaken; het systeem is de bron en alles wat je maakt blijft er vanzelf consistent mee.

Je kunt op verschillende manieren beginnen: vanuit een tekstprompt, door documenten te uploaden (Word, PowerPoint, Excel), of door Claude naar je website te laten kijken zodat een prototype eruitziet als je echte product. Daarna verfijn je met fijnmazige controls en deel je het binnen je organisatie. Exporteren kan naar Canva, PDF, PowerPoint of losse HTML.

Voor wie is dit bedoeld? Anthropic positioneert het expliciet voor mensen die niet vanuit een designtool beginnen: ondernemers, productmensen en marketeers met een idee maar zonder designachtergrond. Het is geen vervanging van een goede designer, maar het tilt de ondergrens van wat jij zelf kunt maken fors omhoog.

Jezelf beperken blijft de kunst

Een waarschuwing, want een tool maakt het je makkelijk, niet vanzelf goed. De verleiding bij elke designtool is om te veel toe te voegen. Vijf kleuren die om aandacht vechten, glanseffecten, drukte. Iets weglaten vraagt meer durf dan iets toevoegen, maar juist die rust laat een merk serieus en betrouwbaar voelen. Een design system helpt daarbij, omdat het je dwingt vooraf keuzes te maken in plaats van per scherm opnieuw. De regels nemen je tegen jezelf in bescherming.

Bonus: integratie met Claude Code

En dan het stuk waar het bij ons echt interessant wordt. Een design dat klaar is in Claude Design blijft daar niet hangen. Claude pakt alles samen in een handoff-bundel die je met één instructie doorgeeft aan Claude Code, de tool waarmee wij websites, webshops en business-apps bouwen. Het design system, de componenten en de ontwerpintentie gaan mee. Claude Code bouwt vervolgens de werkende versie in precies de juiste stijl, zonder dat ik per pagina opnieuw moet uitleggen wat het merk is.

Dat is het verschil tussen vier dagen en vier weken. Het ontwerp en de bouw spreken dezelfde taal, dus er gaat niets verloren in de overdracht en er zijn geen eindeloze correctierondes. Eén keer het systeem goed vastleggen, en alles wat erna komt, of het nu door een mens of door AI gebouwd wordt, blijft consistent.

Daar zit voor de meeste ondernemers de echte winst. Niet alleen een mooier merk, maar een merk dat zichzelf laat schalen zodra je AI inzet om sneller te bouwen. Wil je weten hoe een design system voor jouw bedrijf eruit zou zien, en hoe je het van ontwerp naar werkende website krijgt met tools als Claude Design en Claude Code? Plan een gesprek.