Skip to main content

4.1.7 — 2026-08-16

Added

- Design Assist Accessibility: WCAG AA contrast cards for Heading, Text, Blurb, and Call To Action. Blurb and CTA are contrast-only. Buttons stay out. Contrast is never included in Apply all.

Fixed

- Contrast uses a section/row/column background group preset (for example k-bg-inverse) when there is no local colour fact. A local background colour still wins over the preset.

- Nested H1–H6 colours on Text modules (`headingFont.hN`) are contrast-checked when that heading tag is in the HTML. Unused Theme Design headingFont chrome on body-only Text stays skipped.

- Design Assist and KrafterPRO builder-bar notification dots paint with an `html` class and CSS `::after`, because Divi’s `--animate` badge starts hidden and React clears it.

- After Apply, the Assist score uses the saved-page analysis so the number can move. Opening Assist after a canvas edit no longer rescans only the saved page (which missed unsaved dark backgrounds).

I've followed Mak for years and I've always learned from his videos, however — I'd like to hear from novice, mid, or professional level DIVI people who have successfully (or not) gone from A to Z and produced a live production website using KrafterPRO. I understand that there's going to be transitional changes and issues, but those things "should" be resolved over time. I'm wanting to see and hear about completed LIVE published projects.

I'm a practical person with a goals in mind :

  1. Use KrafterPRO 4 with DIVI 5 to ship and produce published websites quickly
  2. Use Claude CLI / WP CLI with above platform

Has anyone done either or both? I'd really like to see the work other people have created! :)

4.1.6  -  2026-08-13

Fixed

- Design Health no longer suggests `k-text-body` on Text/Heading modules that already have a module preset at the top of Visual Builder (including when font variables are overridden on that preset).

- Attaching a font group preset keeps the module preset, so Accept no longer strips colours from the top preset.

- Contrast Fix can suggest Black/White on mid-grey surfaces instead of marking those pairs as not auto-fixable; white-on-white still does not invert.

- Modernise all applies exact Safe fixes (including those that per-row Apply already allowed), stays hidden when there is nothing to batch, and the hero button actually runs.

Watch how you can save hours of design.

Design Assist correctly analyzes all pages as 100 % compliant. Brand Studio flags all contrast ratios as passing. However Site Audit recommends changing fictitious static values to variables and brings up a lots of issues with contrast that are not auto fixable. Seems like the code for Site Audit needs a little tweaking.

Hi Mak,

First of all, thank you for creating this system. It has already helped me a lot, and I really appreciate the work you are putting into developing and improving it.

However, I need to address a critical issue with the Design System that is blocking my workflow, and it seems to be a widespread problem that many users are experiencing:

The Problem:

When upgrading from KrafterPRO 2.1.8 to Version 4.1.3, the Design System functionality is broken:

In 2.1.8, the Design System was a complete, importable Divi page (Divi_Builder_Layouts.json) with all components pre-built and preset-configured
In 3.0 and 4.1.3, the Design System (KrafterPro_Design_System_3.0.json) contains only presets/styles but no actual page layout or components
When importing the current Design System, users get an empty page instead of a reference template to review and adapt

The Impact:

I cannot properly review, audit, or adapt layouts without a visual reference page. Rebuilding from scratch is inefficient, and I have no way to verify if the new presets are working correctly until I manually apply them to every element.

What's Missing:

An updated Design System template (or migration guide) for Version 4.1.3
Documentation on how the new preset workflow replaces the old page-import approach
Clear guidance on how to upgrade from 2.1.8 to 4.1.3 without losing the reference page

I understand support is limited, but this is core functionality that directly blocks work. A short update video or documentation on the new workflow would help enormously.

Thank you for considering this.

Your Divi website might look great—but is it actually built properly?

A website can appear finished while still containing hard-coded font sizes, inconsistent spacing, manually entered colours and static values that make it difficult to maintain.

In this video, I introduce KrafterPRO Design Assist—a new tool built directly into the Divi 5 Visual Builder.

Design Assist scans your page, identifies values that aren’t following your design system and shows you exactly where each problem is located. You can then replace those static values with the appropriate variables, fluid clamp values and presets—without searching through every module manually.

In this demonstration, you’ll see how Design Assist can:

✅ Scan a Divi 5 page for design-system problems
✅ Detect hard-coded typography, colours and spacing
✅ Take you directly to the affected setting
✅ Replace static values with fluid clamp values
✅ Apply the correct KrafterPRO variables and presets
✅ Monitor your Design Health Score
✅ Help modernise websites originally created in Divi 4
✅ Make Divi websites easier to maintain and scale

Added

  • Design Health / Design Assist: when a Text module contains HTML headings (\

    –\

    ), show a review-only notice to move them into the Divi Heading module, with Mark as intentional in Design Assist
  • Design Health issue cards: white surface with severity-coloured borders (heading warnings keep the warning wash; Modernisation keeps its blue tint)
  • Design Assist: section/row/column/group spacing & margins; static spacing presets; Headings vs Text; Spacing by layout level; click-to-select; score dot; production-ready empty state (buttons out)

Changed

  • Quick install → Install design system; Download JSON links removed
  • Heading/text colours → role variables; prefer KrafterPRO group presets; Modernise all keeps Safe confidence

Fixed

  • Heading-in-Text detection for Divi’s \u003c…\u003e encoding; findings score as moderate (no Theme Builder critical escalate)
  • Design Assist Undo is administrator-only (editors can’t restore site-wide globals)
  • Mark as intentional dismiss keys + re-scan source stay aligned after Live draft analysis
  • Design Health / layout Modernise writes use the mutation lock
  • Brand Studio font upload hardening (file / size / MIME)
  • Uninstall clears remaining KrafterPRO options
  • \u003c heading detect + moderate scoring; Assist Undo admin-only; dismiss index/re-scan; mutation locks; score bounce; rescans after 100/100; font upload; uninstall cleanup; PluginUpdater soft-fail
New KrafterPRO Update v4.1.3

KrafterPRO is officially available for public download.

I created KrafterPRO because building a website in Divi 5 is only part of the job.

The harder part is keeping every colour, heading, spacing value and module consistent—especially when you’re working with imported layouts, older websites or AI-generated designs.

KrafterPRO gives your website a system.

It helps you:

✅ Create a complete Divi 5 design system
✅ Generate brand colours, neutrals and semantic variables
✅ Install fluid typography and spacing scales
✅ Scan pages for hard-coded and inconsistent values
✅ Identify accessibility and contrast problems
✅ Replace static values with the correct variables and presets
✅ Give AI access to your website’s design rules
✅ Build websites that are easier to maintain and hand over

Hello everyone! I’m new to Divi University after discovering Mark’s YouTube videos while looking for training on Divi 5. I’ve been using Divi 4 for my clients, but Divi 5 feels like a whole new world, so I decided to join Divi University and take the course since it seems very complete.

I’ve only been here for a few days, but I already have two questions.

First, I haven’t been able to find the JSON file mentioned in the videos for importing the values/settings. Could someone please point me in the right direction?

Second, I noticed the KrafterPro opportunity, and I’m wondering whether it would be beneficial for someone at my stage. I saw that the current sale ends in about six hours, so I’m trying to decide quickly.

I’m just restarting my freelance business after putting it on pause for a few years while I went back to college to complete a degree in Graphic Design. I’m now getting back into web design and building my client base again, so I’m not sure whether KrafterPro would be a good investment for me yet.

I’d really appreciate any suggestions or feedback from those of you who are already using it. Thank you!