Everything Is About To Change 🤯

Overview

Divi is introducing an upcoming Divi AI agent inside the builder to automate web design tasks “like a human,” with rapid layout creation and extensive editing capabilities. The presenter notes that many new features have been added since the last sneak peek, with a beta launch planned in the next 1–2 weeks.

Key technological / product features highlighted

AI Agent automation inside the Divi builder

• Uses an agent-style workflow that can perform multi-step tasks autonomously.
• The presenter claims it can “10x your workflow” and provide a competitive edge for AI-powered web design.

Vision + image attachments

• The agent can see reference images via image attachments/vision.
• It can detect missing assets (e.g., “needs four images”) and then fetch stock photos to complete sections/layouts.
• Images can also be dragged into the workflow/media library for use in designs.

Fast layout generation from references or prompts

• Demonstrated creating a hero section from a reference image, then generating an entire homepage layout (example: winery).
• Claimed generation time: ~45 seconds.
• The presenter says output matches fonts, colors, and structure, and looks “pretty much perfectly” similar to the reference (aside from different photos).

Color variable + global style automation

• After generation, the agent can suggest converting colors into global color variables.
• It can also turn modules into presets (e.g., button/text/heading presets) based on generated/styled elements.

Rules + queued commands (workflow orchestration)

• Queued commands: lets users line up actions while the agent is busy; queued tasks run once the current task finishes.
• Rules: conditional automation, such as applying specific presets automatically when certain modules are added (e.g., text/button).
• Rules can also include context/brand constraints so outputs follow guidelines.

Light/Dark mode creation

• Demonstrated duplicating a section and inverting colors to quickly create a light and dark version, then saving both to the library.

Tools panel (agent skills / abilities)

A Tools panel exposes the agent’s available “skills,” grouped by categories:

• UI tools
  • Open/close/undock/dock/resize panels (e.g., inspector, command center)
  • Adjust global styles and breakpoints
  • Create custom workspaces
  • Update menus and template assignments
• Module/page tools
  • Understand page structure
  • Build/edit modules
  • Update colors
  • Create presets
  • Find stock photos and generate AI images
• The presenter frames the tools list as a way to inspire workflow improvements.

Multi-model support + recommended routing

• Users can select from many supported models.
• Recommended models route requests to a model chosen for price efficiency and capability.

Context, scope, and targeted editing

• Context search (@): type “@” and add context from elements/presets/variables/canvas tools so the agent knows what to use.
  • Example: add buttons using a specific preset by referencing it via context.
• Scope targeting: clicking an element sets the chat’s target to that element, enabling precise edits without extra explanation (e.g., apply border + box shadow to a specific image).

Commands (saved prompts for repeat tasks)

• Commands are reusable actions executable via a slash command UI.
• Example: a “create preset” command that creates a preset from an element’s current styles and names it based on its attributes.

Ask mode vs Build mode

• Build mode: agent performs actions (design/build tasks).
• Ask mode: agent answers questions using Divi’s internal knowledge.
  • Presenter says ask mode has access to help-center documentation and thousands of internal “snippets”.
  • Demo question: explanation of aspect ratio and how to use Divi’s aspect ratio/framing settings.

Review / tutorial / demo focus

The video primarily serves as a product walkthrough/demonstration of the Divi AI agent capabilities, including:

• Image-based hero section generation
• Automatic stock image selection
• Color variable conversion
• Preset creation + applying presets via rules
• Queued commands and rules execution
• Section duplication/inversion for dark mode
• Full homepage generation
• UI tools demo (inspector/command center docking & workspace updates)
• Context/scope/commands/ask-mode workflow examples

Main speaker / source

• Video presenter/host (name not specified in subtitles), demonstrating the Divi AI agent and explaining feature updates and beta timing.