Directory / plugin

Design Tokens Manager for Elementor

v1.5.1 · by nes07

Manage Elementor Global Colors and Fonts with clamp() support, ID preservation, bulk editing, and seamless Site Settings sync.

View on WordPress.org

About this plugin

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

Plugin tags