Building a Drupal Page with AI — Using Your Own Component Library

Most "AI builds your website" demos generate throwaway markup that has nothing to do with your design system. Drupal Canvas AI does something more useful: it maps what you ask for onto the components you already have, and only creates something new when nothing in your library fits.

This walkthrough builds a page using nothing but plain English prompts, and shows what is happening underneath.

Three prompts, three different behaviours

1. "Add an accordion with three FAQs about dining hall opening hours"
   It finds the existing accordion component, populates three items, and generates the page meta description unprompted.
2. "Add a promotion section with a heading, a short paragraph and a button"
   No single component matches, so it composes a group from the heading, text and button components.
3. "Add a Location Hours component showing full weekly hours"
   Instead of guessing, it asks clarifying questions: which days, what time zone, and what the heading should say.

That third one is the part worth paying attention to. It asked rather than hallucinated.

What is happening behind the scenes

There are multiple agents at work — one searching the component library for something that fits your request, another generating the content and fields to go in it.

Throughout, I'm typing the way you would talk to a colleague. No prompt engineering, no special syntax. And the prompt language is configurable, so this isn't English-only.

A few details on screen are blurred — the demo runs on a private environment.

Part 1 covers the building blocks if you are new to Canvas: Drupal Canvas Explained.

I'm Joshua Fernandes — I work on Drupal and AI at Axelerant.