Drupal's AI-Native Page Building: Canvas + AI Context + Canvas AI Working Together | Bonnici Drupal Blog (opens in new tab)

Drupal’s AI-Native Page Building: Canvas + AI Context + Canvas AI Working Together

There’s turbulence in CMS land. Cursor chose pure markdown over Sanity - a signal worth paying attention to. The idea that AI agents could replace the CMS entirely is enticing but unrealistic. As AI-generated content floods the web, non-technical users will need better tooling to create original, on-brand content with speed and precision. Content originality and unique branding are going to matter more than ever, not less.

This brings us to context. ChatGPT and Claude build profiles of you as you chat and you expect them to remember what you said. But with your CMS, you’re still copying and pasting content between tools, massaging prompts, starting from scratch every time. The workflow is broken. This post walks through how to build unique content, on brand, right in the CMS - without starting fresh each time.

I’ve written about Canvas fundamentals and AI quick wins before and those remain good references. Instead, this is about connecting the dots and letting an AI agent build your pages with full knowledge of your brand, your audience, and your design system.

I’m currently rebuilding my agency site using three pillars: Canvas, AI Context, and Canvas AI. Here’s exactly how it works, what context I provided, and what it costs.

I’m using Dripyard as my base theme since it provides out-of-the-box components with AI context and metadata already attached.

Drupal AI-Native Page Building


The Three Pillars of AI-Native Page Building in Drupal

Before diving into the workflow, let’s understand what each piece brings to the table:

  • Canvas provides the visual builder and component architecture
  • AI Context provides the intelligence layer - brand knowledge, tone, guidelines
  • Canvas AI provides the agent that turns prompts into pages (submodule of drupal canvas)

Together, they create a page builder that actually understands your brand.


Pillar One: Canvas (The Builder)

Canvas is Drupal’s modern visual page builder. It hit stable release in November 2025 and becomes the default page builder in Drupal CMS 2.0 from January 2026. If you’ve followed my previous posts, you will get the gist - component-based architecture using Single Directory Components (SDCs), drag-and-drop editing, slots for composition.

Canvas Interface

With AI, Canvas acts as the surface where AI agents operate. The component library - your hero sections, cards, CTAs, flexible sections - becomes the sections that AI can understand.

Loading more...

Keyboard Shortcuts

Navigation
Next / previous item
j/k
Open post
oorEnter
Preview post
v
Post Actions
Love post
a
Like post
l
Dislike post
d
Undo reaction
u
Save / unsave
s
Recommendations
Add interest / feed
Enter
Not interested
x
Go to
Home
gh
Interests
gi
Feeds
gf
Likes
gl
History
gy
Changelog
gc
Settings
gs
Browse
gb
Search
/
General
Show this help
?
Submit feedback
!
Close modal / unfocus
Esc

Press ? anytime to show this help