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