Get Design Tokens is a WordPress ability from Ultimate Addons for Elementor — usable via Easy MCP AI, which connects Claude, ChatGPT, and any AI assistant to your site.
Install Free Plugin →Get Design Tokens
Read-onlyReturns the site's global colors, fonts, and spacing from the active Elementor kit.
Requires the Ultimate Addons for Elementor (Header Footer & Elementor) plugin on WordPress 6.9+ (the WP Abilities API). No ability registers unless the plugin's 'Enable AI Tools' master switch (uae_mcp_settings.enable_abilities) is turned on in settings. Most abilities require the 'manage_options' capability; a smaller set of read/discovery abilities (template and page listing, the Elementor builder read/list/schema abilities, active-template lookup, display-rule locations, and design tokens) instead require only 'edit_posts' or 'read'. Abilities that act on a specific page, post, or template additionally check the current user's per-object 'edit_post' (or 'delete_post') capability on that item. Separately, every non-readonly (Write or Destructive) ability is gated behind a site-wide 'Allow Modifications' setting at registration time: if it is off, none of those abilities are even registered with the WP Abilities API, regardless of capability checks — this covers all template/page CRUD, widget/extension toggles, display-rule updates, theme/settings changes, and the Elementor builder writes alike, not just the builder ones. Eight of those abilities (the seven Elementor page-builder writes — build, insert-widget, update-widget, remove-element, move-element, add-section, add-column — plus pages-create) additionally re-check this same setting explicitly inside execute() as a redundant safeguard.
What it does
This ability reads the active Elementor kit's global design settings and returns them as structured design tokens. It pulls system and custom global colors, system and custom global typography (font family, size, weight, line-height, letter-spacing, text-transform, font-style), and layout defaults (container width and default spacing between widgets). It returns a WP_Error if Elementor is not active or no active kit is found. The registration metadata explicitly instructs the AI to always call this before building templates or pages and to reuse these exact colors, fonts, and spacing values instead of hardcoding new ones, so AI-generated content matches the site's existing design.
See it in action
You ask your AI assistant
"What are my site's global colors, fonts, and spacing so I can design a matching header template?"
Returns
Returns colors (system and custom arrays of {id, title, color}), typography (system and custom arrays with font_family, font_size, font_weight, line_height, letter_spacing, text_transform, font_style), and layout (container_width in pixels and space_between_widgets {size, unit}).
Permission
Requires current_user_can('read'); no additional execute-time gating.
More Ultimate Addons for Elementor abilities
Activate Widget
Enables a specific HFE widget by its slug.
Add Column to Section
Adds a new column to an existing section or container in an Elementor post, redistributing column widths automatically.
Add Section/Container
Adds a new structural layout element (a section with columns on legacy sites, or a flex container on container-mode sites) to an Elementor post.
Build Complete Layout
Builds a complete Elementor layout — sections, columns, and widgets — from a single JSON structure, replacing all existing content on the target post.
Bulk Toggle All Widgets
Activates or deactivates every HFE widget at once.
Clear Elementor Cache
Clears the Elementor CSS cache globally to regenerate all stylesheets.