A Brand New Way to Effortlessly
Control All Design Elements
is Coming to Divi!
We’re excited to announce that soon a new Layers View feature will be added to Divi. This feature will help you speed up your workflow by allowing you to access the hierarchical layer structure of each and every design element.
Divi’s Visual Builder and Wireframe Mode have undeniably become indispensable when creating websites with Divi. To take this experience to the next level, we’re soon going to add the Layers View feature as well. Layers View will give you a structured overview of the hierarchy of your layout at any moment. This allows you to quickly make changes in real time and use Divi’s efficiency features in an even more effective way.
What’s to Expect
Layers View helps you reach full control over your layout structure.
Let’s take a closer look at Divi’s Layers View feature and its many benefits.
Navigate Instantly to Layers View
The Layers View of every design element on your page will be easy to access, but won’t show up unless you actually want it to. The only thing you’ll have to do is right-click any design element on your page and select the Layers View option for it to show up.
Expand & Collapse Nested Items
You’ll also be able to view the hierarchy of your layout by expanding and collapsing nested items whenever you need to.
The Divi UX You’re Used To –
Applied to Layers View
Layers View + Divi’s existing efficiency features = The design experience you deserve.
Layers view will feel familiar at first sight because we’re using the user experience you’re already used to. Let’s explore the intuitive built-in possibilities you’ll soon be able to welcome.
Drag & Drop
The Layers View feature will allow you to easily drag and drop design elements and see the changes happen in real time. You can also directly drag a layer into the Visual Builder. This cross-experience will not only save you time, but it will also help you maintain a great overview.
Filter by Type
The Layers View feature will include a filter option as well which will help you go from the entire layer structure to the layer structure of a specific design element in no time.
You will also have the possibility to multi-select different design elements within your Layers View at the same time.
No need to switch over to Wireframe Mode to rename a section, row or module. Open the Layers View and change it as you go!
You’ll be able to enjoy all of Divi’s right-click options for each one of the layers in the Layers View as well. This includes design efficiency features such as extend styles + copy and paste.
Whenever you hover an element in Click Interaction Mode, the relevant element on your Visual Builder will be highlighted so you won’t get the chance to mistake one section for another.
Divi Empowers You to be
Simultaneously Creative & Efficient
We’re always focusing on how we can make your design experience quicker and better. Seeing all the beautiful websites out there that are created with Divi inspires us to strive for a continuously evolving version of Divi – day after day.
We’re looking forward to seeing you take advantage of this awesome feature that’ll speed up your workflow in no time. Let us know what you think of this upcoming feature in the comment section below and make sure you check back with us next week for more Divi awesomeness!
good work but when the header & footer customizer will come and we need more elements for woocommerce elementor already providing all this from a long time and its a long requested feature here please do something about it .
excellent feature, thanks for continued development and improvement
i’m so happy thanks
Like others have mentioned, the name Layers view is deceiving. It does seem to imply it’d have something to do with z-index and stacking elements.
In reality, this feature is similar to a standard tree view. Maybe name it what it is and save the Layers name for when you release some sort of z-index feature?
This is cool, but please add already the possibility to set default template for posts and projects 🙂
Yeah, years ago I used a software called ToolBox to make interactive presentations and the software allowed us to lay images over images and pages over pages as layers. Having then been use to using layers in CorelDraw and PhotoShop, I made an assumption. Who knows, maybe one day.
Yeah, the age and ass part – I’ve got that nailed.
Uh, damn it! That’s about all I have to say. I was thinking of layers, as in Photoshop, with the idea that I could put a box over an image and adjust the transparency, etc, and stack layers so they show in sequence. I ran toward this new feature thinking “won’t that be cool” only to find a lot of stuff that I know nothing about. Okay, even though I am 70 and some of my earlier memories in life were of my oldest brother teaching me to drive a team of mules, I still think I should be able to learn this stuff. But then, I read a little and suddenly conclude, “who am I fooling? I am not smart enough to be doing this.” Thanks Divi and Divi users – you’ve made an old man feel completely stupid. But that’s my fault, not yours. BTW, mules to webdesign – while the difference in technology is extreme, the level of stubborness has not changed.