Divi Marketplace Play Button

Workflow & productivity

A workflow booster that helps you build websites faster

Time is your most precious asset. With Divi, you can build websites faster thanks to its unique set of productivity-boosting features.

Join today Try Divi risk free for 30 days!
Workflow Tools

Command Center

Access settings and actions in the blink of an eye

Quickly execute commands such as adding elements, navigating your website, jumping to specific settings, opening panels, and more. The Command Center is a powerful tool that can help you work faster by allowing you to add one or more elements to your page all in one fell swoop, access different parts of your page or website, open builder panels, and perform actions without having to touch your mouse or remember obscure keyboard shortcuts. Mastering the Command Center will feel like a superpower.

Command Center

Copy & paste attributes

Copy and paste presets, styles, and content between different elements

The ability to copy and paste attributes across elements is an absolute game changer. In Divi, anything can be copied from one element and pasted onto another. You can paste individual settings, groups of settings or even copy an element's entire design and transfer it to another element on the page. No need to open up design settings and edit things over and over again. Just copy and paste.

Copy and paste attributes

Extend attributes

Extend attributes from one element to multiple elements across a page

Divi’s “Extend Attributes” system allows you to take a design setting, piece of content, custom code, and more, and extend its value to other elements on the page. If you have a style that you like, you don’t need to painstakingly apply it to each element on your page one by one. Just right click on the element or the setting and extend it. Choose what you want to extend and where you want to extend it, and skip hours of tedious settings adjustments.

Extend attributes

Find & replace

Find and replace colors, fonts and other settings within a layout

Have you ever changed your mind about a color or a font family while designing a page? Isn’t it dreadful to have to go back and change the styles for all the elements you already added to the page? Well, you are going to love Divi’s find and replace system! Just right click on any designing setting (such as a color) and swap all the values on the page with something new. You choose what to find, what the replace it with, and the scope of the replacement. Now you just need to figure out what to do with all your new-found free time.

Find and replace

The Inspector

Inspect & manage styles across multiple elements

The Divi Inspector aggregates all colors, fonts, presets, & more across your entire selection, allowing you to make sweeping changes, detect stray values, or simply see a summary view of the styles on your page. A great way to clean up old styles or convert old settings to Divi's latest desig system features.

Design Inspector

Searchable settings

Quickly find any design setting using Divi’s searchable interface

All of Divi’s design settings are searchable. You don’t need to navigate through a huge list of options to find what you are looking for. Just start typing and Divi will find it for you.

Searchable settings

Keyboard shortcuts

Become a master of speed with Divi’s keyboard shortcuts

Every action in the Divi builder has a keyboard shortcut that you can use to get things done faster. Once you memorize all of Divi’s shortcuts, you will speed through development like never before! Thousands and thousands of skipped clicks really add up over time. Don’t let yourself get held back by the tedium built into other website builders.

Keyboard shortcuts

History

Divi keeps track of your editing history so you can work worry-free

Sometimes you change your mind or perform a big change with results that you don't like. Navigate through your editing history during a building session to jump back in time if you change your mind about recent changes.

History

Quick page creation

Jump-start new pages with pre-made layouts, duplicating a saved or existing page, or asking AI to build one for you.

Divi makes it easy to jump-start new pages by allowing you to choose from various pre-made layouts that our team has created. You can also choose from layouts that you have saved to your library or duplicate pages that you have already built. Duplicate an existing page or get started with a pre-made layout to save yourself tons of time.

Page creation

Workspace customization

Customize your workspace to create the best building environment for you

Divi’s interface was built to be flexible to your building style. You can move interface elements around and stick them to different areas of your screen, allowing the builder to work great on any screen size and screen orientation. There are also various interface options that let you customize how the builder works, depending on your unique preferences.

Workspace customization

Building Modes

Choose your preferred building mode and customize canvas interactions

Everyone builds differently so Divi gives you an array of building modes as well as the ability to customize canvas interactions. Choose to build in wireframe mode, show layout grid lines, customize hover UI, and more.

Learn More
View modes

Layers Panel

Build faster with the Divi Layers Panel

Open up the Divi Layers Panel to see a hierarchical structure of your content that makes it easy to work with complex layouts and Divi's unlimited nesting capabilities. You can interact with content inside the layers panel while you work on the page simultaneously! Drag and drop, copy and paste, or use the layers panel to quickly navigate to different areas within long pages.

Layers view

Design

A cutting edge design system

Designing in Divi 5 just feels easier. The all-new design system will allow you to build modern, dynamic websites faster.

Assign global variables across your website

Define global colors, numbers, images, and more for design consistency and speed like never before.

Learn More Global Variables

Take your design system to the next level with preset-based styling

Create class-based presets for common styles to use across your website. When you update a preset, it updates throughout your entire site.

Learn More Element Presets

Expert styling with advanced units

Divi's input fields support CSS units, Global Variables, math functions, and more, allowing you to size and position elements on your page with expert precision.

Learn More Advanced Field Units

Enjoy global control with customizable, dynamic website templates

Control the pages on your website using custom templates with global headers, footers, page layouts, ecommerce templates, and more.

Learn More Divi Theme Builder

Globally control common elements with fine-tuned selective sync

Save reusable global elements and selectively sync styles across multiple instances while maintaining individual control. Update shared attributes globally or keep specific elements unique.

Learn More Global Elements

Add custom code and CSS to customize your website

Divi doesn't hold you back if you need to customize you website with custom code. You can even generate custom code with Divi AI and save your favorite code snippets to Divi Cloud.

Learn More Custom Code

Divi AI

Automatically generate entire websites, images, text & code using the power of AI

Enjoy Unlimited AI Usage With Divi Pro★

AI site builder

Build entire websites with AI-designed layouts, images, and text with just a single click. Or generate a single layout on the fly that is consistent with the rest of your site.

Learn more

Divi AI text

Compose copy from scratch and improve existing text, just like a professional copy editor, leaving you more time to focus on growing your business.

Learn more

Divi AI images

Divi AI eliminates the need for stock imagery searches and Photoshop tutorials. Now, you can create and modify images using a natural language interface.

Learn more

Divi AI code

Divi AI can write code and generate custom CSS, and since it's trained on the Divi Module codebase, it can generate intuitive results and better interpret your prompts.

Learn more

Collaboration

Collaborate with your team across the entire Divi ecosystem

Divi Teams

Get 4 Team Members With Divi Pro★

Invite team members and clients to your team and give them access to Divi and its suite of services.

Learn More Divi Teams

Divi Dash

Manage updates, themes, plugins, & clients across all of your sites from a single dashboard.

Learn More Divi Dash

Divi Cloud

Enjoy Unlimited AI Usage With Divi Pro★

You and your team can store reusable design assets in the cloud. It's the fastest way to collaborate and jump-start new websites.

Learn More
Divi Cloud Collaboration
Divi Marketplace Play Button Join To Download Today