Drupal Canvas: een visuele revolutie

Het resultaat is een veel natuurlijkere manier van werken. Je ziet meteen hoe tekst, beelden en componenten samenkomen tot een compleet ontwerp. De flexibiliteit van Drupal blijft behouden, maar het proces voelt net zo soepel als dat van moderne websitebouwers. Drupal Canvas maakt contentbeheer in Drupal niet alleen sneller, maar ook prettiger. Het geeft teams meer vrijheid, zonder de kracht van het onderliggende CMS op te offeren. In dit artikel lees je wat Canvas precies is, wat het kan en wat dit betekent voor iedereen die met Drupal werkt, van redacteur tot ontwikkelaar.

Wat is Drupal Canvas?

Drupal Canvas is de volgende stap in hoe Drupal omgaat met het bouwen van pagina’s. Tot nu toe moesten sitebeheerders en redacteuren vaak kiezen uit verschillende manieren om een pagina op te bouwen. Denk aan modules als Paragraphs, Layout Builder of aangepaste blokken. Die aanpak werkte, maar maakte Drupal ook complex en minder flexibel voor wie geen technische achtergrond heeft.

Canvas brengt hier verandering in. Het is ontwikkeld als één visueel systeem dat al die losse onderdelen samenbrengt in een overzichtelijke omgeving. Het doel is simpel: pagina’s kunnen maken, aanpassen zonder technische kennis. Waar Layout Builder vooral gericht was op het indelen van blokken, gaat Canvas verder. Het combineert de kracht van Drupals gestructureerde content met een moderne, visuele editor. Beheerders, marketeers en redacteuren kunnen zelf pagina’s opbouwen, terwijl de data netjes binnen Drupals vertrouwde structuur blijft.

Canvas is bovendien volledig open source en wordt ontwikkeld door de Drupal-community. Het project begon onder de naam Experience Builder en is inmiddels uitgegroeid tot een belangrijk onderdeel van de toekomstvisie van Drupal. Tijdens DrupalCon Europe 2025 presenteerde Dries Buytaert, de oprichter van Drupal, Canvas als een van de belangrijkste pijlers binnen de Drupal Starshot-roadmap.

Die roadmap heeft één duidelijk doel: Drupal eenvoudiger maken voor niet-technische gebruikers, zonder in te leveren op flexibiliteit. Canvas speelt daarin een grote rol. Het vervangt de versnipperde aanpak van de afgelopen jaren en biedt één vaste manier om pagina’s te bouwen.

Tijdens DrupalCon Vienna 2025 werd Canvas voor het eerst officieel gedemonstreerd. De reacties waren enthousiast. Bezoekers zagen hoe je in de browser complete pagina’s kunt samenstellen met componenten, patronen en visuele tools, allemaal binnen Drupal zelf.

Belangrijkste mogelijkheden en voordelen

Drupal Canvas introduceert een nieuwe manier van werken die zowel krachtig als gebruiksvriendelijk is. Het combineert de flexibiliteit van Drupal met de eenvoud van een moderne visuele editor. Hieronder staan de belangrijkste mogelijkheden en voordelen samengevat.

1. Visueel bouwen met directe preview

   Met Canvas bouw je pagina’s door onderdelen te slepen en neer te zetten op het scherm. Terwijl je werkt, zie je direct hoe de pagina eruitziet. Het systeem is gebouwd met React (een frontend techniek die we bij Emble ook veel inzetten voor het ontwikkelen van decoupled websites ) en werkt real time. Voeg je een afbeelding, tekst of component toe, dan verschijnt die meteen in de preview. Er is dus geen verschil meer tussen de bewerkmodus en de weergave voor bezoekers.

2. Herbruikbare componenten en patronen

   Canvas maakt gebruik van componenten: bouwstenen zoals hero-banners, tekstblokken, call-to-actions of lijsten met items. Ontwikkelaars kunnen deze componenten vooraf definiëren, zodat redacteuren en marketeers ze eenvoudig kunnen gebruiken en combineren. Daarnaast zijn er patronen, combinaties van meerdere componenten die samen een complete sectie vormen, zoals een header met beeld en tekst of een kolommenoverzicht. Met één klik kun je zo’n patroon toevoegen en aanpassen aan de eigen inhoud. Dat versnelt het werk en zorgt voor een consistente uitstraling op alle pagina’s.

3. Flexibel uitbreiden met codecomponenten

   Hoewel Canvas bedoeld is voor no-code gebruik, biedt het ook ruimte voor maatwerk. Ontwikkelaars kunnen binnen de interface eigen componenten schrijven met HTML, CSS en JSX (de taal die React gebruikt). Zo kan een team bijvoorbeeld een interactieve slideshow of een dynamische lijst toevoegen zonder dat daar een apart ontwikkeltraject voor nodig is. Canvas ondersteunt daarnaast Single Directory Components (SDC’s). Dit zijn componenten die in het thema of in een module worden opgeslagen, compleet met Twig-sjabloon, configuratiebestand en optioneel script of stijl. Deze methode sluit aan op de bestaande Drupal-thema’s en maakt het eenvoudig om een herbruikbare bibliotheek van design-elementen te beheren. Het mooie is dat beide werelden samenkomen. Ontwikkelaars hebben controle over de techniek, terwijl redacteuren de componenten eenvoudig kunnen gebruiken en combineren.

4. Volledige integratie met Drupal

   Canvas werkt niet los van Drupal, maar bouwt juist voort op de bestaande structuur. Content die via Canvas wordt aangemaakt blijft onderdeel van Drupal. Je kunt nog steeds gebruikmaken van velden, inhoudstypen en weergaven. Zo kun je bijvoorbeeld een lijst van nieuwsartikelen als component opnemen in een Canvas-pagina. Ook de rechtenstructuur en workflows van Drupal blijven van kracht. Teams kunnen bepalen wie met Canvas mag werken, wie wijzigingen mag goedkeuren en wanneer content wordt gepubliceerd. Zo behoudt een organisatie grip op kwaliteit en consistentie, terwijl het werkproces veel flexibeler wordt.

5. Minder afhankelijk van developers

   Door de visuele aard van Canvas kunnen teams sneller werken. Een marketeer kan zelfstandig een campagnepagina opzetten zonder dat daar eerst een ontwikkelaar aan te pas komt. Dit verkort de doorlooptijd enorm. Voor site-eigenaren betekent dit dat ze sneller kunnen inspelen op nieuwe campagnes of veranderingen in hun organisatie. Ontwikkelaars kunnen zich ondertussen richten op structurele verbeteringen, terwijl contentteams zelf aan de slag gaan.

6. Slimme AI-ondersteuning

   Canvas bevat optionele AI-functies die het werk nog verder kunnen versnellen. De AI kan helpen bij het genereren van lay-outs, het vertalen van ontwerpen uit tools als Figma of zelfs het schrijven van tekst en het maken van componenten op basis van een korte beschrijving. Daarnaast kun je een eigen toon en schrijfstijl instellen in het Context Control Center. Alle AI-suggesties houden daar rekening mee, zodat teksten altijd aansluiten bij de merkidentiteit van de organisatie. Voor redacteuren en marketeers betekent dit dat ze sneller pagina’s kunnen opbouwen, teksten kunnen laten herschrijven of ideeën kunnen laten visualiseren, zonder dat ze daarvoor externe tools hoeven te gebruiken.

Conclusie

Drupal Canvas markeert het begin van een nieuw tijdperk voor iedereen die met Drupal werkt. Waar het CMS vroeger vooral bekendstond om zijn kracht en technische mogelijkheden, laat Canvas zien dat gebruiksvriendelijkheid daar perfect naast kan bestaan.

Met Canvas wordt het bouwen en beheren van pagina’s een visuele ervaring. Redacteuren en marketeers kunnen zelfstandig werken, direct zien wat ze maken en binnen enkele minuten een complete pagina opzetten. Ontwikkelaars blijven belangrijk voor het neerzetten van de basis en het bouwen van componenten, maar het dagelijkse werk verschuift naar de mensen die de inhoud creëren.

De voordelen zijn duidelijk: meer snelheid, minder afhankelijkheid, lagere onderhoudslast en een website die eenvoudiger kan meegroeien met nieuwe ideeën of campagnes. Canvas zorgt bovendien voor een betere samenwerking tussen teams. Content en design komen dichter bij elkaar, en dat levert consistentere en aantrekkelijkere websites op.

Natuurlijk vraagt deze nieuwe manier van werken om voorbereiding. Teams moeten nadenken over componenten, huisstijlrichtlijnen en publicatieprocessen. Maar de beloning is groot: een toekomstbestendig Drupal-platform dat krachtig blijft, terwijl het werken ermee flexibeler en intuïtiever wordt.

Heb je vragen over Drupal Canvas? Stel ze gerust in het reactie gedeelte onderaan deze pagina. Ik beantwoord je vragen graag. En zoek je meer persoonlijk advies voor jouw Drupal project of applicatie? Dan kun je contact opnemen met ons via sales@emble.nl

Bronnen:

• Drupal.org – Canvas projectpagina
• Dries Buytaert – State of Drupal presentatie, oktober 2025
• The Drop Times – Visual building with Canvas en roadmap naar Drupal 12
• Rollin.org – Official recap of Canvas release candidate launch and AI-powered capabilities
• WebWash.net – Drupal CMS v2 alpha release en Canvas introductie

Voor wie is Drupal Canvas interessant?

Drupal Canvas is in eerste instantie ontwikkeld met redacteuren en marketeers in gedachten. Mensen die dagelijks content publiceren en daar niet voor afhankelijk willen zijn van een ontwikkelaar. Tegelijk biedt Canvas ook voor designers, sitebeheerders en organisaties met grotere webapplicaties veel waarde, omdat het bouwen en aanpassen van pagina’s sneller en visueler verloopt.

Redacteuren en contentmanagers zien direct het resultaat van hun aanpassingen. Geen formulieren met losse velden meer, maar een werkomgeving die lijkt op de uiteindelijke pagina. Dat verlaagt de drempel om te publiceren en geeft meer regie over hoe content wordt gepresenteerd.

Marketeers kunnen campagnepagina’s en landingspagina’s zelfstandig opzetten. Waar voorheen vaak een sprint nodig was om een nieuwe pagina live te krijgen, kan dat met Canvas in een ochtend, mits de basiscomponenten klaarstaan.

Designers werken nauwer samen met redacteuren. De componenten die zij ontwerpen verschijnen rechtstreeks in Canvas, waardoor de visuele kwaliteit van pagina’s consistent blijft. Designsystemen krijgen op deze manier een directe plek in het CMS.

Sitebeheerders en ontwikkelaars krijgen meer ruimte voor structureel werk. In plaats van iedere paginaverzoek zelf op te bouwen, kunnen zij zich richten op het uitbreiden van de componentenbibliotheek, performance en integraties.

In 5 stappen Drupal Canvas inzetten in je organisatie

Drupal Canvas inzetten is geen kwestie van een knop omzetten. Een goede voorbereiding zorgt ervoor dat redacteuren er direct mee uit de voeten kunnen en dat de site beheersbaar blijft.

• Stap 1: inventariseer je huidige paginatypes. Welke pagina’s worden vaak aangepast, welke staan jaren stil? Begin met de pagina’s waar het meeste rendement te halen valt.
• Stap 2: leg je componentenbibliotheek vast in Single Directory Components (SDC). Denk aan blokken voor tekst, beeld, video, call-to-action en formulieren. Deze componenten vormen de bouwstenen voor je redacteuren.
• Stap 3: train je redactieteam in een korte sessie van een dagdeel. De interface is intuïtief, maar een korte uitleg over hoe je componenten combineert en wanneer je iets aan een ontwikkelaar overlaat scheelt veel onzekerheid.
• Stap 4: voer Canvas stapsgewijs in. Begin met nieuwe campagnepagina’s en laat bestaande pagina’s in hun huidige structuur draaien. Migratie hoeft niet in één keer.
• Stap 5: monitor en stuur bij. Houd in de gaten welke componenten veel gebruikt worden en welke niet. Een bibliotheek die meegroeit met de praktijk blijft bruikbaar.

Drupal Canvas vergeleken met Layout Builder en Paragraphs

Veel Drupal-sites werken vandaag de dag met Layout Builder of de Paragraphs-module. Beide bieden flexibiliteit, maar werken anders dan Canvas. Layout Builder is sterk in het indelen van pagina’s op basis van regions en blocks, en is vooral handig voor ontwikkelaars en sitebeheerders. Paragraphs maakt redactionele opmaak mogelijk via velden die je een voor een invult, wat veel structuur geeft maar minder visuele controle.

Canvas combineert het beste van beide werelden. Je werkt visueel en direct op de pagina, maar onderliggend zit een component-gebaseerde structuur die ontwikkelaars goed kunnen onderhouden. Voor nieuwe Drupal-projecten ligt Canvas dan ook voor de hand. Voor bestaande sites is een gefaseerde aanpak verstandig, waarbij je per paginatype kijkt of Canvas, Layout Builder of Paragraphs het beste past.

Veelgestelde vragen over Drupal Canvas

Wat is Drupal Canvas in het kort?

Drupal Canvas is de nieuwe visuele paginabouwer van Drupal. In plaats van losse velden in te vullen sleep je componenten direct op de pagina en zie je meteen hoe het resultaat er voor de bezoeker uitziet. Canvas is een vast onderdeel van Drupal CMS 2.0 en draait onder de motorkap op Drupal 12.

Vervangt Canvas mijn bestaande Drupal-pagina’s?

Nee. Canvas introduceert een nieuw contenttype voor visueel opgebouwde pagina’s. Bestaande pagina’s die met Paragraphs of Layout Builder zijn opgebouwd blijven gewoon werken. Je kunt Canvas dus stapsgewijs invoeren zonder dat je hele site opnieuw moet worden ingericht.

Kan ik Canvas combineren met een eigen designsysteem?

Ja, en dat is zelfs de aanbevolen werkwijze. Canvas leunt op Single Directory Components, waarmee je je designsysteem rechtstreeks beschikbaar maakt als bouwblokken in de editor. Componenten die je designer maakt verschijnen daardoor zonder tussenstap in de Canvas-interface.

Heb ik nog een ontwikkelaar nodig als ik Canvas gebruik?

Voor het maken en aanpassen van pagina’s niet meer in de meeste gevallen. Een ontwikkelaar blijft wel nodig om de componentenbibliotheek op te zetten, te onderhouden en uit te breiden, en om integraties met andere systemen te bouwen. Canvas verschuift de verhouding tussen redactie en development, het haalt development niet weg.

Werkt Canvas ook met meertalige Drupal-sites?

Ja. Canvas leunt op de bestaande meertaligheid van Drupal en werkt samen met de Translation- en Configuration Management-modules. Pagina’s die in Canvas zijn opgebouwd kunnen per taal worden vertaald, waarbij je per component beslist of de inhoud per taal verschilt of niet.

Is Canvas geschikt voor grote, complexe Drupal-platformen?

Ja, mits je de bibliotheek met componenten goed inricht. Hoe groter het platform, hoe belangrijker een doordachte set componenten en duidelijke afspraken over wie wat mag aanpassen. We zien Canvas met name goed werken in omgevingen waar veel redacteuren publiceren en de variatie tussen pagina’s groot is.

Aan de slag met Drupal Canvas

Wil je Drupal Canvas inzetten in een bestaand of nieuw project? We hebben ervaring met de hele Drupal-stack, van Drupal development tot Drupal doorontwikkeling en Drupal support en onderhoud. Voor organisaties die de combinatie willen maken met AI-functionaliteit in Drupal lees je meer op de pagina over Drupal AI. We helpen je graag bij het opzetten van een componentenbibliotheek die jouw redactieteam jaren vooruit helpt.

Deel dit artikel