Wij zijn allebei begonnen als strategieconsultant. In die eerste jaren zaten we avonden lang te checken of de titel op elke pagina even groot was en op precies dezelfde plek stond, en of elke punt en komma goed stond. Het was niet bepaald werk dat de klant ooit verder hielp, maar je kon er wel uren in verzanden.
Die uren zitten er bij veel van ons nog steeds in. Het verhaal is helder, de cijfers staan klaar, en toch ben je om elf uur ‘s avonds nog tekstvakjes aan het verslepen omdat het logo net niet goed staat en de groene kleur op slide zeven een tint anders is dan op slide drie. Herkenbaar?
In maart schreven wij over onze rebranding, en over de les die we daarbij leerden: AI kon ons merk niet voor ons bedenken, daar hadden we een mens voor nodig (lees het hier). Maar dat artikel eindigde met een belofte. Zodra de basis staat, zo schreven we toen, kan AI er keihard mee aan de slag. Dat kan nu makkelijker dan ooit met Claude Design System.
Je huisstijl, maar dan leesbaar voor Claude
Een design system is eigenlijk je huisstijlhandboek, maar dan in een vorm die Claude kan lezen en zelf toepast. Je legt er je kleuren, typografie, componenten en layoutpatronen in vast, zodat Claude die bij elk nieuw ontwerp en elke nieuwe presentatie gebruikt.
Het verschil met de brandbook-PDF die nu ergens in een map staat, is dat jij die PDF zelf moet openen en naleven, terwijl Claude een design system uit zichzelf toepast op alles wat je vraagt. Sla je die stap over, dan krijg je functionele maar generieke output: bruikbaar, maar het had net zo goed van ander iemand of bedrijf kunnen zijn.
Waarom werkt een design system zoveel beter dan een AI vragen om “iets in onze stijl” te maken? Dat zit in het verschil tussen natekenen en opbouwen. Een beeldmodel, een AI die plaatjes maakt zoals de beeldfunctie van ChatGPT of Midjourney, tekent je huisstijl na. Vraag je zo’n beeldgenerator om een Instagram-post in je huisstijl, dan is de kans groot dat je groen net een tint afwijkt of de tekst in je logo een beetje verschoven is. Claude’s design system bouwt je ontwerp op volgens regels: Claude gebruikt gewoon je echte logo, je echte hexcodes en je echte font.
Wat je ermee maakt: artifacts
Een design system staat niet op zichzelf. Je merkt er pas iets van als je Claude iets laat maken: een presentatie voor een klant, een offerte, een flyer. Al die dingen hebben in Claude één naam, en die kom je overal tegen zodra je ermee aan de slag gaat. Daarom eerst meer over die term: een artifact.
Wat is een artifact (horen we je denken)? Een artifact is alles wat Claude voor je maakt en wat je aan iemand anders zou laten zien. Denk aan een document, een presentatie, een ontwerp of een dashboard. Je vraagt erom in een gewoon gesprek, of je kiest een sjabloon in het tabblad Artifacts: Docs voor documenten, Slides voor presentaties en Design voor visuals, one-pagers en landingspagina’s. Die drie zijn op alle abonnementen beschikbaar, ook op het gratis account.
Het design system is de laag die daaronder ligt. Elk nieuw ontwerp en elke nieuwe presentatie neemt automatisch je kleuren, fonts en componenten over.
Wat het extra handig maakt, is dat je wat je maakt direct kunt exporteren naar programma’s waar je collega’s en klanten al mee werken. Presentaties gaan naar PowerPoint, PDF of rechtstreeks als bewerkbaar bestand naar Google Slides. Documenten gaan naar Word, PDF of Google Docs.
Zo zet je het op
Tijdsinvestering: 30 tot 60 minuten, en dat maar één keer.
Stap 1: Ga naar Design. Klik in de zijbalk links op Design. Kies daarna onder “Make something new” de tegel Design System.
Stap 2: Upload je bestanden. Claude vraagt waar je design system op gebaseerd moet zijn. Kies “Upload brand files” en voeg toe:
je brandbook, met je kleuren, fonts en logoregels;
je logo’s en fonts als losse bestanden, zodat Claude de echte gebruikt en niet een plaatje uit een PDF;
één of twee voorbeelden van werk waar je trots op bent, zoals je beste presentatie of je website.
Geef er in het berichtvenster een korte opdracht bij, bijvoorbeeld:
Bouw ons design system op basis van deze bestanden. Haal de kleuren, typografie, logo-regels en layoutpatronen eruit. Gebruik het voorbeelddeck als referentie voor hoe onze slides eruit moeten zien. Stel me vragen als iets ontbreekt of tegenstrijdig is.
💡 De voorbeelden zijn het belangrijkst. Eén goed vormgegeven presentatie vertelt Claude meer over hoe je merk voelt dan een kleurenpalet alleen.
⚠️ Heb je nog geen brandbook, dan begint het daar. Hoe wij dat aanpakten, en waarom we daar bewust een mens voor inschakelden, lees je in ons rebranding-artikel.
Stap 3: Check het resultaat. Rechts verschijnt je design system: een pagina met je kleuren, lettertypes, bouwstenen en opmaakregels. Die pagina leest Claude voordat het iets ontwerpt, en je kunt hem zelf aanpassen. Neem hier echt de tijd voor. Kijk of de hexcode van je groen klopt, of je koppen het juiste font hebben en of je logo nergens is uitgerekt. Mist er iets, upload dan extra of andere voorbeelden.
Stap 4: Test met een echt document. Vraag bijvoorbeeld om een one-pager over een onderwerp waar je vaak over presenteert. Het liefst iets wat je deze week toch al moet maken.
Stap 5: Bewaar het. Het design system wordt zelf een artifact dat Claude in elk volgend gesprek gebruikt. Je beheert het via Settings > Capabilities, bij Design systems.
Werk je met een Team- of Enterprise-account, dan hoeft maar één persoon dit één keer te doen; de eigenaar van het account stelt het daarna in als standaard, en iedereen in je organisatie werkt er vanaf dat moment mee.
Uploaden is voor de meeste van ons de makkelijkste route, maar in stap 2 zie je nog twee andere opties. Met Build from connectors haalt Claude je merk uit tools die je al aan Claude hebt gekoppeld, zoals Google Drive of Figma, of stelt het je eerst een paar vragen. Dat is handig als je huisstijl verspreid in die tools staat, of als je nog geen brandbook hebt om te uploaden.
Waar de echte tijdwinst zit: vaste formats
Een design system zorgt ervoor dat alles er goed uitziet. Maar de winst zit in de stap daarna, als je ook de opbouw van je documenten vastlegt.
Denk maar eens na over de documenten die je vaker opnieuw maakt. Bij ons zijn dat, bijvoorbeeld:
de presentaties voor onze workshops en webinars;
onze facturen;
onze voorstellen, bijvoorbeeld na een klantgesprek.
Elk van die documenten heeft eigenlijk altijd dezelfde vorm: dezelfde slides, in dezelfde volgorde, met hetzelfde soort informatie. Als je die vorm één keer vastlegt, hoef je daarna alleen nog de inhoud aan te leveren. Zo’n vast format bestaat uit drie delen:
De structuur: welke slides of secties, in welke volgorde.
De inhoud: de feiten of notities die per keer verschillen.
Het merk: één verwijzing naar je design system.
Omdat alles in hetzelfde design system wordt gemaakt, voelen je presentatie, je factuur en je voorstel meteen als één geheel.
Zo’n vast format leg je vast in een skill: een set instructies die je één keer in Claude zet, zodat Claude een taak elke keer op dezelfde manier uitvoert. Het design system en de skill doen elk iets anders:
Het design system bepaalt hoe iets eruitziet: kleuren, fonts, logo en opmaak. Dat is voor al je documenten hetzelfde.
De skill bepaalt wat erin staat en in welke volgorde. Daar maak je er per soort document één van.
Wat zet je dan in zo’n skill? Bij ons ziet dat er zo uit:
Presentatie: de vaste openings- en afsluitslides, hoeveel tekst er maximaal op een slide mag, en de toon waarin we schrijven.
Factuur: onze bedrijfsgegevens, KvK-nummer en IBAN, hoe we factuurnummers opbouwen, het btw-tarief en de betaaltermijn.
Voorstel: de vaste opbouw, onze prijzen en pakketten, de standaardvoorwaarden, en welke informatie Claude uit de notities van het klantgesprek moet halen of bij ons moet navragen.
Daarna is het volgende voorstel niet meer dan je notities van het klantgesprek erin plakken en Claude vragen de voorstel-skill te gebruiken. De skill regelt de inhoud, het design system de vorm.
Het vraagt wel iets van je team. Als de collega van sales zelf een uitnodiging voor een klantevent in de juiste huisstijl kan maken, hoeft niet alles meer langs marketing of de designer voor goedkeuring. Dat is een andere manier van (samen)werken, en die moet je samen afspreken.
Onze kanttekeningen
Het is goed om te weten dat design systems nog in beta zijn, en dat de kwaliteit kan wisselen, zeker bij complexere merken. Kijk dus altijd zelf nog even naar je kleuren, fonts en logo’s voordat iets de deur uit gaat. Een design system kopieert je huisstijl, het bedenkt hem niet. Zonder goed brandbook (dat door een mens ontwikkeld is), krijg je nog steeds generieke output...
En wat voor jou werkt, werkt ook voor mensen met minder goede bedoelingen. Een strakke, professioneel ogende website is nog nooit zo makkelijk te maken geweest, inclusief nepreviews. Een mooie website zegt dus steeds minder over het bedrijf erachter.
Denk ook na over wat je uploadt. Je brandbook is meestal geen geheim, maar haal klantvoorbeelden met gevoelige informatie er eerst uit.
En dan het belangrijkste. Kijk eens naar het Instagram-account @onnodigeaiposters: een verzameling posters die zichtbaar met AI zijn gemaakt, en waar dat nergens voor nodig was. Het blijft echt tenenkrommend, en wij kunnen het eerlijk gezegd niet meer (aan)zien. Een design system zorgt dat je sneller werkt en dat alles klopt met je huisstijl, maar de kern blijft je eigen creativiteit. Die kan Claude niet voor je bedenken; dit is van jezelf als mens.
Samen live jouw design system maken?
We helpen je heel graag! Op woensdag 18 november en woensdag 9 december duiken we weer vijf uur in Claude en bespreken ook het design system. Meer informatie vind je hier. In de tussentijd zijn we heel benieuwd waar het je al mee geholpen heeft en waar niet!