How to Create A Webflow Designer Extension App

Опубликовано: 08 Октябрь 2024
на канале: Web Bae

2,429

111

Build Webflow Apps with Webflow's new Designer Extensions API! In this tutorial I'll go over the basics of working with the Designer Extensions API showing you how to utilize functions on the webflow object like createDOM, getSelectedElement, createStyle, getStyleByName, setTextContent, setProperties, setStyles and more! We'll build an app from scratch and I'll walk you through the code step by step. I'm so excited for this launch and can't wait to see all the Webflow Apps that everyone builds. What apps are you excited for?

// CLONE IT (on Github)
👯‍♂️ https://github.com/Web-Bae/jiff-pom

// FREE resources
✂️ Code Snippet Library: https://code-snippets-sign-up.webflow...
🤝 CSS Nobody Told You About: https://www.webbae.net/css-nobody-tol...
🚗 Roadmap to learn Webflow: https://www.webbae.net/roadmap-to-lea...

// Premium content
🤝 Patreon:   / webbae
🕸️ Advanced Webflow Course (201): https://www.webbae.net/product/webflo...

// Discounts
🎢 Get 10% GSAP: WEBBAE10
♣️ Creative Coding Club (My favorite GSAP lessons): https://www.creativecodingclub.com/bu...

// Connect
🙋‍♀️ Join the Discord:   / discord
🐥 Follow Me!   / webisbae

// TOPICS
00:00 Intro
00:24 Install webflow cli and initialize webflow extension
01:17 Boilerplate overview
03:06 Create app in Webflow
05:02 Customize out app exploring new APIs