webflow.getAllElements()

Retrieve all elements present on the current page of the Designer.

If the Designer is editing a component, the elements returned are those present in that Component.

Syntax

webflow.getAllElements(): Promise<Array<AnyElement>>

Returns

Promise<AnyElement>

A Promise that resolves to an array of AnyElement objects.

AnyElement represents the various element types available in a Webflow project. See a full list of supported element types in the Designer Extension type definitions.

Example

// Retrieve all elements in the current context
const allElements = await webflow.getAllElements();

// Print element list
if (allElements.length > 0) {
  console.log("List of all elements:");

  allElements.forEach((element, index) => {
    console.log(`${index + 1}. Element ID: ${element.id}, Element Type: ${element.type}`);
  });
} else {
  console.log("No elements found in the current context.");
}

Designer Ability

Checks for authorization only