Today, I am excited to announce the release of Stacked and Nested Presets for Divi 5.
This is an incredibly powerful upgrade that makes Divi’s preset-based design system simply the best. Don’t skip the video below, because if you are a Divi user, this is a feature you must master!
Now, you can stack multiple presets on any group or element, and you can nest group presets inside element presets.
Check out the following video to see the new feature in action. 👇
Divi Presets Are More Versatile Than Ever
Presets are amazing, allowing you to create an organized design system for your website that is easy to manage. When mastered, they not only make designing sites more fun and less tedious, but they also speed up development and maintenance time (especially when combined with Divi 5’s design variables).
For example, as showcased in the video below, I can create a default button preset for my website, and all my buttons will inherit its base attributes. I can also create alternative presets and assign them to specific buttons.
When I edit a preset, all elements using that preset are updated simultaneously across my entire site.
They work with a lot of CSS classes, except Divi’s presets are much more powerful than the class-based design systems of other builders, encompassing not only styles but also structural output, backend logic, and script data, which means they can do just about anything.
0 Comments