Skip to main content
Glama
webflow

Webflow

Official
by webflow
OverviewSchemaRelated ServersScoreDiscussions
TypeScript
Hybrid

Designer Element Tool

element_tool

Manage elements on Webflow pages: retrieve, select, add, update attributes, set text, styles, links, and query elements with filters.

Instructions

Designer Tool - Element tool to perform actions like get all elements, get selected element, select element on current active page. and more

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
siteIdYesThe ID of the site. DO NOT ASSUME site id. ALWAYS ask user for site id if not already provided or known. use sites_list tool to fetch all sites and then ask user to select one of them.
actionsYes

Schema Changelog

Changes observed during successful MCP inspections. Dates show when Glama detected each change.

  1. Changed10 schema fields changed
    • removedInput schema / properties / actions / items / properties / get_all_elements / additionalProperties
      Removed value: -false
    • removedInput schema / properties / actions / items / properties / get_all_elements / properties
      Removed value: -{
-  "include_all_breakpoint_styles": {
-    "description": "Include all breakpoints styles",
-    "type": "boolean"
-  },
-  "include_style_properties": {
-    "description": "Include style properties",
-    "type": "boolean"
-  },
-  "query": {
-    "description": "Query to get all elements",
-    "enum": [
-      "all"
-    ],
-    "type": "string"
-  }
-}
    • removedInput schema / properties / actions / items / properties / get_all_elements / required
      Removed value: -[
-  "query"
-]
    • changedInput schema / properties / actions / items / properties / get_all_elements / type
      Previous value: -"object"New value: +"boolean"
    • addedInput schema / properties / actions / items / properties / get_selected_element / additionalProperties
      Added value: +false
    • addedInput schema / properties / actions / items / properties / get_selected_element / properties
      Added value: +{
+  "children_depth": {
+    "description": "The depth of children to include. 0 for no children. -1 for all children. X for X levels deep.",
+    "minimum": -1,
+    "type": "number"
+  }
+}
    • addedInput schema / properties / actions / items / properties / get_selected_element / required
      Added value: +[
+  "children_depth"
+]
    • changedInput schema / properties / actions / items / properties / get_selected_element / type
      Previous value: -"boolean"New value: +"object"
    • addedInput schema / properties / actions / items / properties / query_elements
      Added value: +{
+  "additionalProperties": false,
+  "description": "Query elements on the current active page. Supports filtering by type, text, style, tag, attributes, component name, slot name. Supports scoped search, parent lookup, and multiple queries per call.",
+  "properties": {
+    "queries": {
+      "items": {
+        "additionalProperties": false,
+        "properties": {
+          "children_depth": {
+            "description": "Include N levels of children in each result. 0 = no children (default), -1 = all.",
+            "type": "number"
+          },
+          "component_filter": {
+            "additionalProperties": false,
+            "description": "Filter by component properties. Cannot be combined with element_filter.",
+            "properties": {
+              "component_name": {
+                "description": "Filter by component name. Case-insensitive substring match.",
+                "type": "string"
+              },
+              "slot_name": {
+                "description": "Filter by slot name. Case-insensitive substring match.",
+                "type": "string"
+              }
+            },
+            "type": "object"
+          },
+          "element_filter": {
+            "additionalProperties": false,
+            "description": "Filter by element properties. Cannot be combined with component_filter.",
+            "properties": {
+              "attribute_name": {
+                "description": "Filter by attribute name. Case-insensitive exact match on attribute key.",
+                "type": "string"
+              },
+              "attribute_value": {
+                "description": "Filter by attribute value. Used with attribute_name. Case-insensitive substring match.",
+                "type": "string"
+              },
+              "style": {
+                "description": "Filter by style/class name. Case-insensitive substring match against any applied style name.",
+                "type": "string"
+              },
+              "tag": {
+                "description": "Filter by HTML tag. For Block/DOM elements. Case-insensitive exact match. e.g. \"section\", \"nav\", \"div\".",
+                "type": "string"
+              },
+              "text": {
+                "description": "Filter by text content. Case-insensitive substring match.",
+                "type": "string"
+              },
+              "type": {
+                "description": "Filter by element type. Exact match. e.g. \"Heading\", \"Image\", \"Link\", \"Block\", \"DOM\", \"FormForm\".",
+                "type": "string"
+              }
+            },
+            "type": "object"
+          },
+          "element_id": {
+            "additionalProperties": false,
+            "description": "Filter by element ID. Exact match. Bypasses other filters — returns the element directly.",
+            "properties": {
+              "component": {
+                "type": "string"
+              },
+              "element": {
+                "type": "string"
+              }
+            },
+            "required": [
+              "component",
+              "element"
+            ],
+            "type": "object"
+          },
+          "label": {
+            "description": "A label to identify this query in the results.",
+            "type": "string"
+          },
+          "limit": {
+            "description": "Max results for this query. Default: 50, Max: 200.",
+            "maximum": 200,
+            "minimum": 1,
+            "type": "number"
+          },
+          "return_parent": {
+            "description": "Instead of returning matched elements, return their parent. \"parent\" = immediate parent. \"ancestor\" = any ancestor whose subtree contains matches.",
+            "enum": [
+              "parent",
+              "ancestor"
+            ],
+            "type": "string"
+          },
+          "scope_element_id": {
+            "additionalProperties": false,
+            "description": "Scope search to descendants of this element (element itself excluded).",
+            "properties": {
+              "component": {
+                "type": "string"
+              },
+              "element": {
+                "type": "string"
+              }
+            },
+            "required": [
+              "component",
+              "element"
+            ],
+            "type": "object"
+          }
+        },
+        "type": "object"
+      },
+      "type": "array"
+    }
+  },
+  "required": [
+    "queries"
+  ],
+  "type": "object"
+}
    • addedInput schema / properties / actions / items / properties / remove_element
      Added value: +{
+  "additionalProperties": false,
+  "description": "Remove an element from the current active page. DANGEROUS ACTION. USE WITH CAUTION.",
+  "properties": {
+    "id": {
+      "$ref": "#/properties/actions/items/properties/select_element/properties/id"
+    }
+  },
+  "required": [
+    "id"
+  ],
+  "type": "object"
+}
  2. Addedv1.0.0

TDQS

D1.6/5.0
Behavior2/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

Annotations indicate readOnlyHint=false and openWorldHint=true, so the tool is not read-only. The description says 'perform actions' which implies changes, but it does not explicitly disclose the presence of dangerous actions like 'remove_element' (marked DANGEROUS in the schema). The tool description adds minimal behavioral context beyond the annotations.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness2/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is a single sentence, which is concise but too brief to be useful. Important information about the tool's capabilities is omitted. Conciseness should not sacrifice completeness; here it does.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness1/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given the tool's complexity (many actions, required siteId, nested objects), the description is woefully incomplete. It does not explain the return value, does not hint at the depth of functionality, and does not prepare the agent for the complex input schema. The annotations provide minimal context, and the description fails to fill the gap.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters1/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema description coverage is 50%, meaning many parameters lack descriptions. The tool description does not add any meaning for parameters; it only lists a few action types without explaining their structure or the required `siteId` and `actions` parameters. For example, it does not clarify that `actions` is an array of action objects with multiple specific types.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose2/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description states it is a 'Designer Element Tool to perform actions like get all elements, get selected element, select element on current active page. and more.' It gives a general sense of the tool's purpose but does not specify all actions (e.g., mutations like remove_element, set_text) and does not differentiate from sibling tools like element_builder or style_tool. The verb 'perform actions' is vague.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines1/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

No guidance on when to use this tool versus alternatives. The description does not mention prerequisites (e.g., need a siteId, need an active page) or when not to use it. The schema's siteId property has a detailed instruction to ask user for siteId, but that is not in the tool description itself.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

Install Server

Other Tools

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/webflow/mcp-server'

If you have feedback or need assistance with the MCP directory API, please join our Discord server