Make a Website With Claude Design and Divi
The same AI-assisted workflow, applied to Divi — useful whether you're switching builders or comparing them.
About this build
Divi has a large, loyal user base and works differently enough from Elementor that the AI-assisted workflow needs its own treatment.
Same destination as the Elementor build — a complete site — with the differences called out as we hit them.
What you'll be able to do afterwards
- Build a full site in Divi with AI assistance
- Use Divi's theme builder and global presets
- Translate a design system into Divi's way of thinking
- Avoid the shortcode lock-in trap
- Decide between Divi and Elementor on real criteria
Before you start
- A Divi licence
- A WordPress install to build on
WordPressDiviClaude
Divi content is shortcode-based
If you ever switch away from Divi, page content comes with you as shortcodes rather than clean markup. It's manageable, but know it going in rather than discovering it later.
Chapters
- 0:00
Divi vs Elementor
An honest comparison first.
- 11:20
Setup and presets
Global settings before anything else.
- 28:00
Theme builder
Header, footer, templates.
- 46:40
Building with AI
What changes versus the Elementor workflow.
- 1:08:00
Responsive
Divi's breakpoint model, in full.
- 1:22:30
Launch
Final pass and going live.
Terms explained in the Knowledge Base
Watch next
The Friday email
One email a week. The thing I'd tell you over coffee.
What changed in WordPress and AI that week, what I'd actually use, and what I'd ignore. Written by me, not summarised by a tool.
- New tutorials the moment they're published
- Honest verdicts on tools — including the ones I dropped
- No sequences, no upsells, one click to leave
Free, forever, no signup
Pick a starting point. Have something real by tonight.
Every tutorial is free, complete, and built in real time — including the bits that break. Start where you are, not where a course thinks you should be.