Design Tokens Manager for Elementor

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