webflow-designer-extension

name	webflow-designer-extension
description	Build Webflow Designer Extensions that run inside the Webflow Designer. Use when creating, debugging, or modifying Designer Extensions (iframes that interact with Webflow's Designer API). Covers CLI usage, element manipulation, styles, components, pages, variables, assets, error handling, and UI design patterns for Webflow's design system.
license	MIT
compatibility	create-webflow-extension, @webflow/webflow-cli
metadata	{"author":"[Ben Sabic](https://bensabic.dev)","version":"1.1.0"}

Webflow Designer Extension Development

Build extensions that run inside Webflow's Designer as iframes, interacting with the Designer API to manipulate elements, styles, pages, and more.

Quick Start Workflow

Prerequisite: Register your app in Webflow first — see references/register-app.md. You'll need a Workspace with Admin permissions.

1. Scaffold: npx create-webflow-extension@latest (interactive prompts for project name, package manager, linter)
2. Develop: cd <name> && pnpm dev (serves at localhost:1337; also works with npm/yarn/bun)