Webflow Developers: Build a Designer Extension

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: https://developers.webflow.com/v2.0.0... Designer API Reference: https://developers.webflow.com/design... Example Code: https://github.com/Webflow-Examples/h... Developer Workspace Plan: https://developers.webflow.com/data/d... ---------- Get started with Webflow: https://wfl.io/2r7cVUW Join the Webflow Community: https://webflow.com/community https://webflow.com   / webflow     / webflow     / webflow