Here is whats coming up in KrafterPRO

The wait is over. Divi 5 has officially stripped off the “Beta” label.

For years, we’ve dealt with the same trade-off: Divi’s incredible design flexibility vs. the occasional "lag" of the Divi 4 shortcode system.

But Divi 5 changes the game entirely. Buy Divi theme!

Elegant Themes rebuilt the engine from the ground up using a modern React architecture. The result? It’s lean, it’s fast, and the shortcodes are gone.

Here’s why this matters for your workflow:

• Zero Lag Editing: Opening settings and moving modules is now near-instant.
• Massive Speed Gains: JavaScript weight has been slashed from 276kb to just 45kb.
• Pro Design Tools: We now have nested rows (finally!), customizable breakpoints, and a class-based preset system that makes site-wide updates a breeze.

If you’ve been waiting for Divi to feel as fast as it looks, this is the version.

Get Divi 5 through my link below and I’ll send you these 2 exclusive bonuses to supercharge your new builds:

1. Bonus #1: KrafterTypography – (Value $47) A curated collection of high-end fluid typography system designed specifically for Divi 5.
2. Bonus #2: Divi Mastery Course – My updated deep-dive training that shows you how to leverage the new Divi 5 architecture to build faster and cleaner than ever before.

Buy Divi Here!

How to claim your bonuses: Once you’ve upgraded or grabbed your license through the link above, just reply to this email with your receipt, and I’ll send over your access immediately.

Let’s build something fast.

Regards

Mak

Hello group, I am just starting with Divi5 and would like to know when to use a single Flex row and when to use a 2-col, 3-col, or 4-col row? Thank you.

I’ve just released something important for anyone building with Divi 5 — KrafterTypography, a complete fluid and responsive typography system designed to eliminate the guesswork from Divi’s new workflow.

Divi 5 gives us powerful tools, but typography has become the biggest bottleneck for most designers. Inconsistent scaling, unreadable paragraphs, broken dark mode, manual per-page adjustments — it all slows down the workflow and weakens the final design.

KrafterTypography solves that.

What’s Inside

• A full fluid type scale using clamp()
• 20+ engineered heading presets
• Complete paragraph and body text system
• Light and dark variants
• Pre-balanced line heights, spacing, and readability widths
• Perfect responsiveness without breakpoints
• Semantic naming for a clean, professional workflow
• Fully variable-driven for Divi 5’s new design approach

Why This Matters

Typography is the foundation of every design decision you make.

With Divi 5’s new variable-based system, guessing values or designing “the Divi 4 way” will lead to inconsistent and unprofessional results.

This system removes all of that.

You install it once — your entire site becomes consistent, accessible, and scalable immediately.

Who It’s For

• Divi 5 users who want a plug-and-play typography system
• Anyone who uses KrafterLITE
• Anyone building websites professionally

Insane Divi 5 Speed now in new update 9.3

In the early days of Divi 5, the idea of a purely class-based system like SiteKrafter was fascinating. From a developer's perspective, it offered the vision of a clean, lightweight code solution based on the logic of Tailwind CSS. However, the reality of web development has taught us that a tool must be more than just powerful; it must be intuitive and centrally controllable for a designer's daily workflow.

The Realization: Variables as the Heart of Consistency

Mak realized early on that a truly clean workflow for web designers is nearly impossible without central management. While classes often create an abstract layer between design and result, variables in the Divi 5 Variable Manager tap directly into the DNA of the design.

Without this central control, achieving true consistency and a consistently Fluid / Responsive Design (keyword: fluid clamp() functions) is almost impossible for designers to manage efficiently. This is why the focus has shifted consistently toward the Krafter PRO design system—moving away from complex class structures and toward a system that works where the designer feels most at home: within Divi’s native interface.

Krafter PRO: Transparency and Speed

The combination of variables and presets offers advantages that a pure class-based system often lacks in daily practice:

• Traceability: A user immediately understands what a preset does. They can create their own presets, link them to global variables, and ensure that changes made in one place (e.g., a color or a spacing value) are instantly applied globally across all pages.
• Central Management: Modifying a clamp() function in the Variable Manager controls the entire responsiveness of the website without having to keep track of hundreds of CSS classes.

If you are torn between Krafter PRO and a class-based model like SiteKrafter, ask yourself one core question: Are you an architect of code or a creator of results?

• Choose Krafter PRO (Presets & Variables) if you prefer a fast, visual workflow where you can see and control changes directly within the Divi interface. It is ideal for designers who want to achieve consistency through simple, central levers (variables) without having to wrestle with the underlying CSS logic.

--> otherwise be a creator of restults by deep diving in code (Read my other Blog Articles)

Management Challenges: The Suffix Issue -

Naturally, this system brings its own technical hurdles. The current management of presets in Divi 5 often leads to duplicates with the "-Import" suffix during updates. This can quickly make the preset list cluttered and confusing.

Until Elegant Themes improves this, management remains the user's responsibility. A proven strategy is to add a custom suffix (e.g., xy-) to your own presets. This makes them easier to identify and protect during database cleanups by yourself (e.g., when deleting legacy data from the wp_options table).

Conclusion: The Designer Wins

In my opinion—despite the weaknesses in Divi 5's preset management—Krafter PRO is the more understandable, faster, and ultimately better choice for designers who want to understand and apply a modern web design workflow, whether they are beginners or advanced pros.

In this video, I share my favourite Divi 5 features, whats yours?

SK pro 7.5.1 Divi 5.00 beta 9.1 No clue how to get presets to work with K-variables.

Please help me. I'm wasting precious time.

When using a toggle in the autogrid set up, if you open one toggle they all open!! It doesn't happen when they stack for mobile view.

Any ideas how to fix - I am using KrafterPRO

Anyone using the ecosystem developed by Mark (DiviUniversity) faces a choice between two fundamentally different approaches: the Preset System and the Class-based Model. Both promise fluid, consistent layouts, but the underlying architecture determines how future-proof your project truly is.

1. Krafter PRO (The Preset Approach)

This system utilizes the native Divi 5 Variable Manager and assigns design decisions via presets directly within the Design Tab.

• Pros: Highly intuitive. If you know Divi, you work visually as usual. Changes are made exactly where you see them.
• Hurdle: The current state of Divi 5 preset management. New or updated presets often receive the "-Import" suffix upon import if the name already exists, leading to cluttered duplicates.
• Architecture Tip: Users should keep in mind the importance of creating their own Child Theme here. If you rely solely on Divi’s rudimentary CSS input fields, you lose structural clarity. A Child Theme ensures that custom developments aren't overwritten by Divi 5 updates and remain organized.

2. SiteKrafter PRO (The Class-based Approach)

Based on a Tailwind CSS architecture, this system controls designs via classes (e.g., bg-primary-500).

• Pros: Maximum technical cleanliness and absolute consistency. No database conflicts or "Import" suffixes. A Child Theme is already integrated into the architecture, making it professional and update-safe from the start.
• Hurdle: Visual feedback in the builder is more limited. Crucially, the style.css can no longer be used for manual CSS code. Due to the Tailwind architecture, this file is regenerated during every build cycle, overwriting manual entries. Custom CSS must be integrated via the Tailwind input workflow.
• Achilles' Heel: No error checking. If you enter conflicting classes into the Attribute/Class field, the CSS cascade takes over without warning.

Comparison at a Glance

• Architecture:

  • Krafter PRO: Child Theme recommended (optional).
  • SiteKrafter PRO: Child Theme integrated (Core Architecture).

• Target Audience:

  • Krafter PRO: Beginners & Designers.
  • SiteKrafter PRO: Ambitious Designers & Pros.

• Workflow:

  • Krafter PRO: Visual (Design Tab).
  • SiteKrafter PRO: Text-based (Attribute / Class).

• Update Behavior:

  • Krafter PRO: Can be challenging (Duplicate "Import" presets).
  • SiteKrafter PRO: Stable (Classes remain intact).

• CSS Customization:

  • Krafter PRO: Manual via Child Theme or Divi settings.
  • SiteKrafter PRO: Only via Tailwind Input/Build process.

• Maintainability:

  • Krafter PRO: Challenging on large sites (Database reliance).
  • SiteKrafter PRO: Very high (Centralized in code).

• Responsiveness:

  • Krafter PRO: Via clamp() in Variables & Presets.
  • SiteKrafter PRO: Via clamp() in Tailwind configuration.

Final Thought

Mak has recently invested a lot of energy into Krafter PRO, as it offers the easiest entry point for the majority of Divi users into a fluid design system. However, the class-based SiteKrafter PRO should not be overlooked. Although there has been a plateau in its current version (7.5.1), it remains the technically superior and more professional tool.

Its true strengths—absolute consistency and a clean architecture—become most apparent in larger projects that require long-term maintainability. The ball is also in Elegant Themes' court: without a smarter, more user-friendly preset management system in Divi 5, the class-based model will remain the only "safe harbor" for many professionals.