I Built a Divi Plugin with AI (And I Don’t Even Code!)

In this Divi Engine tutorial, we explore vibe coding - building plugins and extending your Divi site with help from powerful AI tools like Windsurf and GPT-4.1. Watch as I create a custom Divi plugin that saves form submissions to the database (yes, even with admin menus) - all without writing a single line of code myself.

You'll see the full process in action: from crafting prompts to debugging, refining, and finally getting a working feature set. This is perfect for beginners who want to learn how to use AI tools to level up their Divi or WordPress site - without needing to become a developer.

🎯 What You’ll Learn:

What vibe coding is and how it works
How to use Windsurf (free AI coding IDE)
How to build a Divi plugin to save form data
Troubleshooting and refining AI-generated code
Whether building your own plugin is worth it vs paid tools

👇 Don’t forget to like, comment, and subscribe if this helped you out!

📌 Tools Used in This Video:

Windsurf IDE 👉 https://windsurf.ai (free plan available)
Divi Theme 👉 https://www.elegantthemes.com/affilia...
Divi Form Builder (for advanced form features) 👉 https://diviengine.com/product/divi-f...

🎥 Chapters

00:00 - Introduction to Vibe Coding with Divi
00:36 - What is Vibe Coding and Why You Should Care
01:49 - Starting the Vibe Coding Process
02:54 - Setting Up Windsurf IDE for Divi Plugin Development
04:33 - Creating a Prompt to Build the Divi Plugin
06:12 - AI Attempts to Generate the Plugin
07:26 - Activating and Testing the Divi Plugin
09:04 - Improving the Detail Page Display
10:05 - Troubleshooting Missing Form Fields
13:00 - Debugging Form Submission Issues
14:06 - Successfully Capturing Form Data
15:35 - Adding Delete and Export Features
16:59 - Testing Final Plugin Functionality
17:29 - Final Thoughts and Potential Next Steps