Description
Design Tokens Manager for Elementor gives you complete control over your Elementor design system.
Key Features
- Bulk Editing – Paste multiple colors/fonts at once
- Fluid Typography – Full clamp() support for responsive sizing
- ID Preservation – Maintains token references across saves
- Two-Way Sync – Pull from or Push to Elementor Site Settings
- Import/Export – Backup or migrate your design tokens
- Smart Tab Persistence – Stays on your current section after saving
- WP-CLI Support – Automate token management
Perfect For
- Design system managers
- Agencies managing multiple sites
- Developers wanting programmatic control
- Anyone tired of clicking 50+ times to update colors
Bulk Format Examples
Colors:
Primary: #FF5733
Secondary: #00A8E8
Fonts:
Heading: Inter, clamp(3rem, 2.5rem + 2vw, 4rem), 700, 1.2em
Body: Roboto, 1 rem, 400, 1.5em
Requirements
- WordPress 5.6 or higher
- Elementor (free or Pro)
- PHP 7.0 or higher
Additional Info
WP-CLI Commands:
wp edtm export --file=tokens.json --source=kit --preserve-ids
wp edtm import tokens.json --mode=merge
wp edtm sync
GitHub: https://github.com/dani3lphp/design-tokens-manager-for-elementor.git
Support
For bug reports and feature requests, please use the WordPress.org support forum.
Credits
Developed by nes07
Installation
- Upload to
/wp-content/plugins/or install via dashboard - Activate the plugin
- Go to Elementor Templates Design Tokens (in WordPress admin sidebar)
- Add tokens and click Save Tokens
FAQ
-
Does this work with Elementor Free?
-
Yes! Works with both Free and Pro versions.
-
Can I use clamp() for font sizes?
-
Absolutely! Enter
clamp(1rem, 2vw, 3rem)directly in the size field. -
Will deletions sync properly?
-
Yes. Deleted tokens are removed from Site Settings permanently.
-
Does it preserve my current tab after saving?
-
Yes! The plugin now remembers which section (Colors/Fonts) you were working on and returns you there after save, pull, or push operations.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Design Tokens Manager for Elementor” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Design Tokens Manager for Elementor” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.5.1
- Fixed: Tab persistence after save/pull/push operations
- Fixed: Section preference save reliability
- Fixed: WordPress coding standards compliance
- Enhanced: Variable naming conventions
- Improved: Security hardening for form handlers
- Improved: Code documentation
1.5.0
- Initial public release
- Bulk color/font paste with clamp() support
- Two-way sync (Pull/Push)
- Import/Export with ID preservation
- Smart tab persistence after operations
- Direct Kit meta fallback
- Queue-based sync processing
- WP-CLI commands