Design Tokens Manager for Elementor
·
Manage Elementor Global Colors and Fonts with clamp() support, ID preservation, bulk editing, and seamless Site Settings sync.
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