From 10c23e838f37f6b8c0eae4137ad2d79d7d2dafa5 Mon Sep 17 00:00:00 2001
From: Tim McMackin <tim.mcmackin@webflow.com>
Date: Mon, 16 Mar 2026 16:47:54 -0400
Subject: [PATCH] DEVREL-2672: Create elements by tag name

---
 src/designer-extension-typings/elements-generated.d.ts | 2 +-
 src/examples/components.ts                             | 2 +-
 src/examples/elements.ts                               | 8 ++++----
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/designer-extension-typings/elements-generated.d.ts b/src/designer-extension-typings/elements-generated.d.ts
index 2f1de11..66c3184 100644
--- a/src/designer-extension-typings/elements-generated.d.ts
+++ b/src/designer-extension-typings/elements-generated.d.ts
@@ -2,7 +2,7 @@
 
 type InsertOrMoveElement = <
   el extends AnyElement,
-  target extends el | ElementPreset<el> | Component | BuilderElement,
+  target extends el | ElementPreset<el> | Component | BuilderElement | string,
 >(
   this: {id: FullElementId},
   that: target
diff --git a/src/examples/components.ts b/src/examples/components.ts
index 6a64903..970e643 100644
--- a/src/examples/components.ts
+++ b/src/examples/components.ts
@@ -121,7 +121,7 @@ export const Components = {
 
     if (root.children) {
       // Append DIV block to Root element
-      await root?.append(webflow.elementPresets.DivBlock)
+      await root?.append('div')
     }
   },
 
diff --git a/src/examples/elements.ts b/src/examples/elements.ts
index 990fbd3..d98c9d1 100644
--- a/src/examples/elements.ts
+++ b/src/examples/elements.ts
@@ -307,7 +307,7 @@ export const Elements = {
       if (selectedElement) {
         // Insert DIV before selected Element
         const newDiv = await selectedElement.before(
-          webflow.elementPresets.DivBlock,
+          'div',
         )
 
         // Print element details
@@ -322,7 +322,7 @@ export const Elements = {
       if (selectedElement) {
         // Insert DIV after selected Element
         const newDiv = await selectedElement.after(
-          webflow.elementPresets.DivBlock,
+          'div',
         )
 
         // Print element details
@@ -337,7 +337,7 @@ export const Elements = {
       // Check if element supports child elements
       if (el?.children) {
         // Append newElement as a child to of the selected element
-        const newElement = await el?.append(webflow.elementPresets.DivBlock)
+        const newElement = await el?.append('div')
 
         // Print element Details
         console.log(JSON.stringify(newElement))
@@ -351,7 +351,7 @@ export const Elements = {
       // Check if element supports child elements
       if (el?.children) {
         // Prepend newElement as a child to of the selected element
-        const newElement = await el?.prepend(webflow.elementPresets.DivBlock)
+        const newElement = await el?.prepend('div')
 
         // Print element Details
         console.log(JSON.stringify(newElement))