Uploaded November 2025 | Updated September 2026, 2 weeks ago

---

Learn how to bring your own tools and automations directly into the Webflow Designer. In this video, Andrew walks through building a Webflow Designer Extension using React, TypeScript, and the Webflow Designer API.

We’ll cover everything you need to start building extensions that feel native to Webflow: from setting up your environment to preparing your bundle for a successful submission to the Webflow Marketplace.

*What you’ll learn*
How Designer Extensions work inside the Webflow Designer
Setting up your development workspace
Using the Webflow CLI to load your extension locally
Hot reloading your UI without refreshing the Designer
Adding UI and logic with React + TypeScript
Working with the Designer API
---------
*Chapters*
0:00 - Intro
03:01 - Create a Designer Extension
05:08 - Develop an SPA Locally
12:16 - Use Designer APIs
14:15 - Add Hot Module Reloading (HMR)
19:42 - Bundle and Submit App

---------
*Resources*
Getting Started with Designer Extensions: developers.webflow.com/v2.0.0/designer/docs/getting-started-designer-extensions
Designer API Reference: developers.webflow.com/designer/reference
Example Code: github.com/Webflow-Examples/hybrid-app-starter-vite
Developer Workspace Plan: developers.webflow.com/data/docs/developer-workspace

----------
Get started with Webflow: wfl.io/2r7cVUW
Join the Webflow Community: webflow.com/community

webflow.com
twitter.com/webflow
instagram.com/webflow
facebook.com/webflow