How to Build Your Own Divi

Convenient overview of current selection's parent containers for quick selection and layout understanding

Build and preview website at any width and zoom level regardless of working device size

Detached workspace for building and managing off-canvas content like menus, popups, and layout variations

Rebuilt from ground up with focus on performance, modern design systems, and advanced features

Intuitive drag-and-drop interface with real-time on-canvas editing to design websites without touching code

Write code and generate custom CSS trained on Divi Module codebase for intuitive results

Create and modify images using natural language interface without stock imagery searches or Photoshop tutorials

Generate entire websites with AI-designed layouts, images, and text with a single click

Compose copy from scratch and improve existing text like a professional copy editor

AI-powered tools to generate layouts, images, text, and code for website design and content creation

Support for CSS units, Global Variables, and math functions for expert precision in sizing and positioning

Create class-based presets for common styles to use and update across entire website

Build consistent designs with global styles, class-based presets, and customizable theme templates

Create and assign global variables for sizes, colors, fonts, images, strings, and URLs

Fine-tuned control for every screen with customizable breakpoints and responsive editing for desktop, tablet, and mobile

Control element styles on hover with automatic transitions between static and hover states

Define animations for elements as they come into view with slide, scale, flip, fade, or rotate effects

Set elements to move, tilt, scale and respond based on visitor mouse movements

Create advanced motion effects that interact with visitors as they scroll, controlling position, rotation, opacity, scale, and blur

Build custom loops for posts, terms, and users for advanced blog layouts and shop pages

Show or hide elements based on user roles, device types, date/time ranges, cart status, and more

Tap into website database for access to live content to make website truly dynamic

Round-the-clock support via chat and email from expert support team

Continuous improvements and new features added with no additional cost

Priority support with guaranteed 30-minute response times 24/7 and 10% off Marketplace purchases

Create custom templates with global headers, footers, page layouts, and ecommerce templates

Access professionally designed premade templates and 2,600+ expertly-designed layouts for quick site setup

Save reusable global elements and selectively sync styles across instances while maintaining individual control

Cloud-based storage like Dropbox for Divi to save and access layouts, templates, and code snippets across websites

Invite team members and clients with personalized access to Divi services and collaboration features