Resolves WordPress.org review feedback on output escaping; also includes the 1.4.2 corruption and commit-matching fixes. Recommended for all users.<\/p>","1.4.2":"
Fixes a project-file corruption risk and a silent Elementor-reference bug on Variable rename + commit. Recommended for all users.<\/p>","1.4.1":"
Critical fix: all admin AJAX actions were broken in 1.4.0. Update immediately.<\/p>","1.0.0":"
First stable release. Resolves all WordPress Plugin Check errors and warnings. Safe to install fresh.<\/p>","0.3.4-beta":"
Plugin renamed EFF \u2192 ATFRFO for WordPress.org compatibility. Sync improved: reads Elementor kit meta directly. Bug fixes for category defaults and AJAX action names.<\/p>","0.3.3-beta":"
Auto-regenerates missing Elementor kit CSS on sync \u2014 prevents 0-variable result on fresh installs or after Elementor cache clears.<\/p>","0.3.2-beta":"
Bug-fix release: drag-and-drop color reorder, column sort persistence across tab switches, and auto-load reliability.<\/p>","0.3.0-beta":"
Right panel reorganized; sync and commit buttons moved from top bar to right panel. Versioned backup system replaces single-file saves.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3651710,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3651710,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3651710,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3651710,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.4.3","1.5.0"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":3651710,"resolution":"1","location":"assets","locale":"","width":2173,"height":1180},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":3651710,"resolution":"2","location":"assets","locale":"","width":2152,"height":1144},"screenshot-3.jpg":{"filename":"screenshot-3.jpg","revision":3651710,"resolution":"3","location":"assets","locale":"","width":2164,"height":1177},"screenshot-4.jpg":{"filename":"screenshot-4.jpg","revision":3651710,"resolution":"4","location":"assets","locale":"","width":2182,"height":1177},"screenshot-5.jpg":{"filename":"screenshot-5.jpg","revision":3651710,"resolution":"5","location":"assets","locale":"","width":927,"height":942},"screenshot-6.jpg":{"filename":"screenshot-6.jpg","revision":3651710,"resolution":"6","location":"assets","locale":"","width":930,"height":694},"screenshot-7.jpg":{"filename":"screenshot-7.jpg","revision":3651710,"resolution":"7","location":"assets","locale":"","width":1306,"height":882},"screenshot-8.jpg":{"filename":"screenshot-8.jpg","revision":3651710,"resolution":"8","location":"assets","locale":"","width":1317,"height":1219}},"screenshots":{"1":"A professional workspace for managing design variables in Elementor's new V4 Atomic framework \u2014 the full AFF interface: project navigation, variable categories, edit area, and data management panel.","2":"Build and organize a structured color system with visual editing and generated color variants \u2014 categories, sub-categories, swatches, and status information.","3":"Manage font variables organized by category and sub-category, with live preview.","4":"Manage the numeric foundation of your design system \u2014 spacing, sizing, and layout values with unit-aware editing, including CSS function values like Atomic Framework Forge for Elementor (AFF)<\/strong> gives developers a dedicated workspace for organizing, editing, backing up, and synchronizing the CSS variables that power Elementor V4's atomic architecture.<\/p>\n\n Colors. Fonts. Numbers.<\/strong> Manage your variables in one place instead of hunting through your Elementor configuration.<\/p>\n\n Requires Elementor and Elementor Pro.<\/strong><\/p>\n\n As a site built on Elementor's new V4 Atomic framework grows, its design variables can become difficult to see, organize, and maintain. Colors accumulate. Spacing values multiply. Typography settings spread across a project. Making a change can mean searching through an increasingly complex design system.<\/p>\n\n Atomic Framework Forge gives developers a dedicated workspace for managing these variables as an organized system: find them, organize them, edit them, back them up, and synchronize them with Elementor \u2014 while keeping the developer in control of when changes are written back.<\/p>\n\n Colors<\/strong> \u2014 Build and maintain an organized color system.<\/p>\n\n Fonts<\/strong> \u2014 Keep font variables organized and accessible.<\/p>\n\n Numbers<\/strong> \u2014 Manage the numeric foundation of your design system: spacing, sizing, gaps, radius, layout values, and other numeric CSS variables. Unit-aware editing for px, rem, em, %, vw, vh, ch, and CSS function values (e.g. AFF is not limited to a flat list of variables. Create your own categories and one level of sub-categories to reflect the design system you actually use \u2014 for example, Colors organized into Brand \/ Neutral \/ Status \/ Surface, or Numbers into Spacing \/ Radius \/ Layout \/ Sizing. The categories are yours to define.<\/p>\n\n AFF reads Elementor's V4 variable data and brings it into a dedicated management environment: fetch<\/strong> the variables from your active Elementor kit, organize and edit<\/strong> them in AFF, review<\/strong> which variables are synced, modified, new, orphaned, or in conflict, then commit<\/strong> \u2014 explicitly, when you're ready \u2014 to write the changes back.<\/p>\n\n AFF is designed around a read-first workflow. Reading Elementor data does not modify Elementor. Writing changes back is always a deliberate, user-triggered action \u2014 never automatic or in the background \u2014 preceded by a summary showing exactly what will change (modified, new, and deleted variables).<\/p>\n\n Recommended:<\/strong> use AFF on a staging or local development site, and export a project backup before committing changes to Elementor.<\/p>\n\n Read:<\/strong> AFF reads global variables directly from the active Elementor kit's _elementor_global_variables post meta -- the same authoritative data store Elementor itself uses. This happens only when you click \"Fetch Elementor Data\". It is purely read-only; nothing in Elementor is touched.<\/p>\n\n Write:<\/strong> When you click \"Write to Elementor\", AFF writes the current variable values back to _elementor_global_variables on the kit post -- the same authoritative data store, updated the same way Elementor itself updates it. This is the primary and authoritative write. As a secondary, best-effort step, AFF also patches the active kit's generated CSS file directly, so the page reflects the change immediately instead of waiting for Elementor's own regeneration on next load; if this secondary step is skipped or fails for any reason, Elementor's own cache-clear and regeneration (triggered by the post meta update) still produces the correct CSS. AFF writes to no other Elementor data.<\/p>\n\n Every write is user-triggered (no background or automatic writes, ever), preceded by a confirmation dialog showing exactly what will change, and limited to variables you have managed in AFF. AFF does not touch anything else in your Elementor configuration.<\/p>\n\n Use on staging or a local development environment only.<\/strong> A corrupted write could damage your Elementor kit's variable data. Always export a project backup before writing to Elementor.<\/p>\n\n AFF can import Elementor V3 Global Colors into your AFF project \u2014 both system and custom colors. The four standard Elementor system colors are identified with their familiar roles (Primary, Secondary, Text, Accent), so you never lose track of what each color controls. Bring those colors into your V4 variable-management workflow and map your existing color system as you rebuild your site.<\/p>\n\n AFF supports multiple independent projects within a WordPress site. Each project can be:<\/p>\n\n AFF shows status throughout the variable views, so you have visibility into the state of your design system before committing anything:<\/p>\n\n AFF uses a four-panel interface: a top menu<\/strong> for project, sync, print, and preferences; a navigation panel<\/strong> for moving through Colors, Fonts, Numbers, and their categories; the edit space<\/strong> for working directly with variables; and a data management panel<\/strong> for projects, backups, import\/export, and Elementor sync. AFF's own interface supports light and dark mode, saved per WordPress user.<\/p>\n\n AFF includes a print\/PDF workflow for documenting selected portions of your variable system \u2014 useful for client documentation, design-system reviews, or keeping a human-readable record of your variables.<\/p>\n\n Atomic Framework Forge is built for WordPress developers, Elementor developers, freelancers, and agencies maintaining large Elementor sites or establishing reusable design systems. If you're building one page, Elementor may be all you need. If you're managing the system behind many pages, AFF gives you another level of control.<\/p>\n\n The current release focuses on Variables<\/strong>. Future development extends the framework toward Elementor V4's other atomic assets: Variables \u2192 Classes \u2192 Components<\/strong>. Classes and Components are not part of the current 1.4.3 feature set \u2014 the goal is an increasingly complete environment for managing the building blocks of an Elementor design system.<\/p>\n\n AFF is built for future portability. The data layer contains no WordPress dependencies and is designed to be ported to a standalone Windows or Mac application in a future phase.<\/p>\n\n Developed by Jim Roberts \/ Jim R Forge \u2014 https:\/\/jimrforge.com<\/p>\n\n\n Recommended:<\/strong> perform development and Elementor commits on a staging or local development environment.<\/p>\n\n\n Yes. Atomic Framework Forge requires both Elementor and Elementor Pro to be installed and active.<\/p><\/dd>\n AFF is designed for Elementor V4 and its atomic widget architecture. The 1.4.3 release was developed and validated against Elementor 4.1.3 and Elementor Pro 4.1.1.<\/p><\/dd>\n No. AFF reads Elementor data when you request it. Changes are written back to Elementor only when you explicitly initiate a commit and confirm the operation.<\/p><\/dd>\n Not by default. AFF is read-first and non-destructive \u2014 it reads your Elementor kit data but never modifies it unless you explicitly click \u2191 Variables<\/strong> (Commit to Elementor) in the right panel. A summary dialog shows exactly what will be written before you confirm. When you do commit, AFF updates Elementor's authoritative global-variable data and uses a secondary CSS update where appropriate so changes can appear immediately; Elementor remains responsible for its own normal cache clearing and CSS regeneration.<\/p><\/dd>\n AFF maintains timestamped project backups, restorable from the project\/backup management interface. You should also export a project backup before committing significant changes to Elementor.<\/p><\/dd>\n Yes. Each AFF project is saved under its own folder in your WordPress uploads directory \u2014 for example, a project named Yes. AFF includes a V3 \u2192 V4 color migration feature that imports Elementor V3 Global Colors, including system and custom colors.<\/p><\/dd>\n Yes. AFF supports categories and one level of sub-categories.<\/p><\/dd>\n Not yet. Version 1.4.3 focuses on Variables. Classes are in beta on a separate development line and Components are planned for a future release.<\/p><\/dd>\n\n<\/dl>\n\n\nclamp()<\/code>.","5":"Fetch variables from Elementor \u2014 including V3 Global Colors, for migrating an existing V3 site into V4 \u2014 and see exactly what's changed before committing anything back: Synced, Modified, New, Orphaned, and Conflict status at a glance.","6":"AFF never silently writes changes to Elementor \u2014 a safety check reviews your commit before it happens, including flagging any Elementor or Elementor Pro version change since your last sync.","7":"Manage multiple independent projects, track save history, and restore previous backups from the Project Manager.","8":"Generate print-ready documentation of your variable system, organized by type with values and swatches \u2014 ready to save as a PDF."}},"plugin_section":[],"plugin_tags":[275754,68566,215460,4932,76538],"plugin_category":[],"plugin_contributors":[249308],"plugin_business_model":[],"class_list":["post-315242","plugin","type-plugin","status-publish","hentry","plugin_tags-atomic-widgets","plugin_tags-css-variables","plugin_tags-design-system","plugin_tags-developer-tools","plugin_tags-elementor","plugin_contributors-mijstrebor","plugin_committers-mijstrebor"],"banners":{"banner":"https:\/\/ps.w.org\/atomic-framework-forge-for-elementor\/assets\/banner-772x250.png?rev=3651710","banner_2x":"https:\/\/ps.w.org\/atomic-framework-forge-for-elementor\/assets\/banner-1544x500.png?rev=3651710","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/atomic-framework-forge-for-elementor\/assets\/icon-128x128.png?rev=3651710","icon_2x":"https:\/\/ps.w.org\/atomic-framework-forge-for-elementor\/assets\/icon-256x256.png?rev=3651710","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/atomic-framework-forge-for-elementor\/assets\/screenshot-1.jpg?rev=3651710","caption":"A professional workspace for managing design variables in Elementor's new V4 Atomic framework \u2014 the full AFF interface: project navigation, variable categories, edit area, and data management panel."},{"src":"https:\/\/ps.w.org\/atomic-framework-forge-for-elementor\/assets\/screenshot-2.jpg?rev=3651710","caption":"Build and organize a structured color system with visual editing and generated color variants \u2014 categories, sub-categories, swatches, and status information."},{"src":"https:\/\/ps.w.org\/atomic-framework-forge-for-elementor\/assets\/screenshot-3.jpg?rev=3651710","caption":"Manage font variables organized by category and sub-category, with live preview."},{"src":"https:\/\/ps.w.org\/atomic-framework-forge-for-elementor\/assets\/screenshot-4.jpg?rev=3651710","caption":"Manage the numeric foundation of your design system \u2014 spacing, sizing, and layout values with unit-aware editing, including CSS function values like clamp()<\/code>."},{"src":"https:\/\/ps.w.org\/atomic-framework-forge-for-elementor\/assets\/screenshot-5.jpg?rev=3651710","caption":"Fetch variables from Elementor \u2014 including V3 Global Colors, for migrating an existing V3 site into V4 \u2014 and see exactly what's changed before committing anything back: Synced, Modified, New, Orphaned, and Conflict status at a glance."},{"src":"https:\/\/ps.w.org\/atomic-framework-forge-for-elementor\/assets\/screenshot-6.jpg?rev=3651710","caption":"AFF never silently writes changes to Elementor \u2014 a safety check reviews your commit before it happens, including flagging any Elementor or Elementor Pro version change since your last sync."},{"src":"https:\/\/ps.w.org\/atomic-framework-forge-for-elementor\/assets\/screenshot-7.jpg?rev=3651710","caption":"Manage multiple independent projects, track save history, and restore previous backups from the Project Manager."},{"src":"https:\/\/ps.w.org\/atomic-framework-forge-for-elementor\/assets\/screenshot-8.jpg?rev=3651710","caption":"Generate print-ready documentation of your variable system, organized by type with values and swatches \u2014 ready to save as a PDF."}],"raw_content":"\nBuild and manage your Elementor design system<\/h4>\n\n
The problem<\/h4>\n\n
Three types of variables, one workspace<\/h4>\n\n
\n
\n
clamp()<\/code>) when needed.<\/p>\n\nOrganize your design system<\/h4>\n\n
Work with Elementor \u2014 not around it<\/h4>\n\n
A deliberately controlled write process<\/h4>\n\n
How AFF interacts with Elementor<\/h4>\n\n
Bringing an existing Elementor site into V4?<\/h4>\n\n
Projects, backups, and portability<\/h4>\n\n
\n
.atfrfo.json<\/code> file<\/li>\nKnow what changed<\/h4>\n\n
\n
A workspace built for developers<\/h4>\n\n
Print and PDF<\/h4>\n\n
Designed for professional Elementor development<\/h4>\n\n
Where the framework is going<\/h4>\n\n
Architecture<\/h4>\n\n
Credits<\/h3>\n\n
\n
\n
Does AFF require Elementor Pro?<\/h3><\/dt>\n
What version of Elementor is required?<\/h3><\/dt>\n
Does AFF automatically change Elementor?<\/h3><\/dt>\n
Does AFF modify my Elementor CSS files?<\/h3><\/dt>\n
Can I undo changes?<\/h3><\/dt>\n
Can I move an AFF project to another site?<\/h3><\/dt>\n
brand-colors<\/code> is stored at \/uploads\/atfrfo\/brand-colors\/<\/code>, with timestamped save files such as brand-colors_2026-08-16_09-15-00.atfrfo.json<\/code>. Export any saved snapshot and import it into another WordPress site running AFF to bring that project's variables along.<\/p><\/dd>\nCan I import Elementor V3 Global Colors?<\/h3><\/dt>\n
Can I organize variables into groups?<\/h3><\/dt>\n
Are Classes and Components available?<\/h3><\/dt>\n
1.5.0<\/h4>\n\n
\n
1.4.3<\/h4>\n\n
\n
1.4.2<\/h4>\n\n
\n
1.4.1<\/h4>\n\n
\n
1.4.0<\/h4>\n\n
\n
1.3.0<\/h4>\n\n
\n
1.2.0<\/h4>\n\n
\n
1.0.0<\/h4>\n\n
\n
0.4.2-beta<\/h4>\n\n
\n
0.4.1-beta<\/h4>\n\n
\n
0.4.0-beta<\/h4>\n\n
\n
\u2014<\/code> format type for Numbers (z-index, opacity, line-height, etc.).<\/li>\n0.3.5-beta<\/h4>\n\n
\n
--<\/code> prefix while typing variable names.<\/li>\n<\/ul>\n\n0.3.4-beta<\/h4>\n\n
\n
0.3.3-beta<\/h4>\n\n
\n
0.3.2-beta<\/h4>\n\n
\n
atfrfo_save_file<\/code> API mismatch after versioned backup refactor).<\/li>\nresolve_file()<\/code> rejecting valid subdirectory paths when the project directory did not yet exist, causing auto-load to silently fail.<\/li>\n<\/ul>\n\n0.3.0-beta<\/h4>\n\n
\n
0.2.3<\/h4>\n\n
\n
0.2.0<\/h4>\n\n
\n
0.0.1-alpha<\/h4>\n\n
\n