-p-500.webp)
Webflow Variables, GSAP, and the Rise of AI in Web Development – 20 MINUTES #3
Yar and Ian cover Webflow's new variable modes for responsive design, the upcoming GSAP integration for advanced animations, and how AI agents are starting to reshape development workflows.
What this episode covers
In this episode, Yar and Ian explore the latest Webflow updates, including variable modes for responsive design and brand consistency, and the upcoming integration of GSAP for advanced animations. These updates highlight Webflow's commitment to making scalable, high-performing websites more accessible.
The episode also discusses the rise of AI in web development — from generative AI to intelligent agents that streamline repetitive tasks — allowing designers and developers to focus on creativity and strategy.
Chapters
(0:00) Intro and updates on the CloudEmployee website launch
(1:12) Overview of Webflow's new variable modes
(3:45) How variable modes enhance responsive design and brand consistency
(7:10) Use cases for dark mode setup with Webflow variables
(10:00) The role of CSS and AI in website accessibility and optimization
(12:30) Yar's take on Webflow's backend limitations and improvements
(14:15) GSAP explained: The animation library Webflow is integrating
(16:45) Predictions for AI agents in Webflow development
(19:30) The convergence of design and development with tools like Framer and Webflow
(23:00) Keeping Webflow accountable for maintaining its edge in the no-code space
(24:40) Closing thoughts on innovation in web design and development
Webflow GSAP UI: Power, Limitations, and Custom Slider Mastery – 20 MINUTES #13
Yar and Daniel go deep on Webflow's new GSAP UI: where it excels, where it falls short, and how to blend native and custom code — plus a breakdown of a complex custom slider built for the Pencil project.
Amsterdam, NL
