Skip to main content

Scaling an agency is impossible if you’re rebuilding the wheel for every client. In this video, I’m showing you a first look at KrafterPRO Agency, the tool designed to help you import design systems, automate style guides, and master client handoffs in minutes.

Whether you’re a solo dev or managing a full creative team, the biggest bottleneck is consistency. I’ll walk you through how this software allows you to:

  • ✅ Import Design Systems: No more manual hex code hunting.
  • ✅ Backup Presets: Keep your "secret sauce" safe and reusable.
  • ✅ Instant Style Guides: Auto-generate professional guides for your clients.
  • ✅ Seamless Handoffs: Make the transition from design to live site (or to the client) friction-free.

Here is the link to become a beta tester.

Thanks for helping test KrafterPRO before release. This beta touches Divi 5 global variables, presets, rollback snapshots, and reset tools, so please follow the rules below to keep your site safe and your reports actionable.

Rules (please read)
  • Staging/local only. Do not test on production.
  • Make a full site backup first (host backup or Duplicator/Updraft).
  • Keep Divi 5 active during testing.
  • If something goes wrong, stop and report before trying random fixes.
What you’ll test
  • Import preview and import execution (combined + split JSON)
  • Replace vs Merge behavior
  • Exclusions (including brand slots)
  • Export correctness + re-import roundtrip
  • Rollback snapshots + restore
  • Reset tools + rollback safety
  • Style guide refresh + “Save as PDF”
  • Downloads (bundled JSON assets)
  • Admin navigation (Dashboard tabs + Help/System/Licence submenus)
  • Licence/Shop gating behavior (policy validation)
How to run the test
  1. Confirm environment: WordPress 6.x, PHP 8+, Divi 5 active, KrafterPRO active.

  2. Open these menu items and confirm they load correctly:

    • KrafterPRO → Dashboard
    • KrafterPRO → System
    • KrafterPRO → Help
    • KrafterPRO → Licence
  3. Import: preview a known-good combined JSON.

  4. Import: run Merge on a small fixture; confirm expected changes only.

  5. Export: export JSON; confirm it opens as valid JSON.

  6. Rollback: restore the snapshot from before the import.

  7. Style guide: Refresh from site; Save as PDF and confirm colors show in print preview.

  8. Downloads: download both bundled JSON files and confirm they open.

Paste ALL bugs and errors here.

Here is the link to become a beta tester.

Join The KrafterPRO Beta Testing Program.

Please see the attached screenshot. The text in the screenshot says:

I'm logged in as you can see. It says "Gary".

But it's telling me to BUY NOW for Initia (the starter stie). Why? I don't understand why I'm not able to simply download the starter site (while I'm logged in). Please help??

Since I'm already logged in, why is your page telling me to buy or add to cart? Please help and fix this.

It's not recognizing that I'm a Divi+ Lifetime member. I should have access to this already.

Please help. Mak . 

1.00

See the attached screenshot. The question in the screenshot says:

1.00

In your video, why are you telling us to drag the .json file to the "IMPORT VARIABLES AND PRESETS" here?? The file inside your .zip file (KrafterPRO-Design-System-v2.0.11.json) doesn't say variables in the name, nor does the file name say presets in the name. You don't provide a file to be dropped into the "Drop presets.json file here", yet you have a seperate and specific area for uploading a file to this section. So from what I'm seeing, there no use for the "Drop presets.json file here" section. Can you explain what this section is for and how will we use it? I think it would be helpful (and a good reminder) if you could rename the .json file to include the name "variables" so we would be reminded as to where we should import it.

But the KrafterPRO-Design-System-v2.0.11.json file appears to also contain PRESETS. So it's very confusing as to which one of these two areas we should be dropping the file into. Can you fully explain why you have two areas and if this file does contain presets as well as variables, why isn't there just one area, and why isn't that area named "Drop the DesignSystem.json here" .. this way there would be one place to drop the file and it would specifically tell us to drop the DesignSystem.json file into the "one" area. Please explain??

Or if a different file will be uploaded into the "Drop presets.json file here" area, can you explain how it will be used any why you haven't provided a file for us to upload here.

And, after we upload the .json file, is there any way or place we can go to in order see all of the individual colors and presets that have been added, so we can preview what the .json file actually added instead of us having to go into a page, and look at each individual preset and variable section. It would be nice if a complete list was included here, along with the clamp values. Mak . 

UPDATED TO BE MORE SPECIFIC

In Divi 4 I was able to edit text to enable italics for specific words or phrases in a text or heading field by using the italics HTML tag. Using KrafterPRO headings, I cannot see a way to italicize one or more words in the heading text.

I can create a text field that will allow me to do this, but I lose the ability to use KrafterPRO's heading styling. That forces me to revert to manually setting font sizes and font features in the way we previously did that in Divi. In the process, I lose the responsiveness of that field. Is italicizing a word in a KrafterPro heading even possible or is it a fixed limitation of the KrafterPRO structure? Or might there be a workaround that I haven't imagined?

Something big is coming. 👀

I've been quietly building something for a while now.

And today I'm finally pulling back the curtain.

Meet KrafterPRO Agency 3.0 🚀

A unified interface inside Divi 5 built for anyone who wants to design, manage, and deliver websites like a studio — not a solo beginner winging it.

We're talking:

✦ Starter sites

✦ Preset manager

✦ Style guide builder

✦ Automatic handoff document generator

✦ And that's just the start

Let me hear your feedback and let me know if you're interested in becoming a beta tester :)

👨🏻‍💻 Divi 5 Devlog: Fluid Sizing Variable Generator
YouTube · Elegant Themes
för 10 hours ago

https://youtu.be/tLRKU7ynq6c?is=7gAF-5mF-N-KM4IX

What about the Starter Template file to install? Is that to be installed in the Divi Library, then imported via saved layouts? Also is there anything to install in the Theme builder? I see the templates already there. Is everything included in the Design System plugin, presets, templates and page templates? Are we missing anything after we install the v. 2.0.19 plugin?

I am updating my site before final deployment, and I had KrafterPro 2.0.1 installed. I installed the 2.0.11 plugin and selected Merge when installing the Design System. The result was that I ended up with -imported presets.
I reverted the site to the backup I made before I installed 2.0.11. Before I install 2.0.19, I would like to know if I should select Replace instead of Merge to avoid the same problem.

Download the latest version here.

Here is what changed:

Added

  • Import preview: Presets are now diffed against live Divi preset data (same option keys as import). Each preset item in the file is compared to the matching id (or list index) on this site so the summary can show new / will update / unchanged counts, aligned with the variable rows.
  • Import preview: Merge footer hint now states that “unchanged” applies to preset entries in the summary as well as variables.

Fixed

  • Export: global_colors palette rows are now exported losslessly (hex stays hex; $variable(...) references stay $variable(...)) instead of being resolved to baked hex. This prevents round-trips from changing format when you re-import the same file.
  • Import: Colors count in the import summary now reflects the number of palette rows in the uploaded file (including brand ids), not the post-sync storage shape where Divi strips brand ids into theme options.