Webflow Crash Course 2026 | Component Variants + CMS Basics (Team Section Setup) скачать в хорошем качестве

Webflow Crash Course 2026 | Component Variants + CMS Basics (Team Section Setup)

In this lesson of the Webflow Crash Course 2026, we’ll finish the Features section the right way — by introducing one of the most powerful features of Webflow Components: Variants. We’ll build an alternate layout for our Feature Items without duplicating components or changing HTML structure. Instead, we’ll learn the key idea behind variants: they’re about styling, not structure — and we’ll use Flexbox to make the layout switch cleanly, instance by instance. Then we move forward to the Team section, where we introduce a brand-new piece of the puzzle: Webflow CMS. We’ll create our first CMS collection (Team Members), generate sample items with AI, and connect CMS fields to a Collection List on the page — using Grid for a clean 2D layout. --- What you’ll learn in this lesson Turning an existing layout into a Webflow Component Creating component properties (text + image) Component Variants: what they are and how they work in practice The #1 mistake with variants: structure vs styling Building an alternate layout with Flexbox + Variants Intro to Webflow CMS: collections, items, fields Creating a Team Members collection from scratch (no templates) Generating sample CMS items with AI Understanding Published vs Status Building a Collection List and connecting CMS fields Choosing Grid for 2D layouts (and why) --- What’s next In the next lesson, we’ll style the Team section properly — and we’ll take it one step further by connecting CMS items to component instances, so we can reuse the same approach in different contexts. So… stay tuned 😄 📂 Helpful Resources: Supasaito: https://www.supasaito.com?utm_source=... Lumify Webflow Template: https://webflow.com/templates/html/lu... 🔥 If you liked the video, feel free to leave a comment, hit the like button, and subscribe to my channel. 😁 Or you can gently press the “Thank You” button! ♥️ --- My Webflow public profile: https://webflow.com/@francescocastro We can talk on LinkedIn:   / francescocastronuovo   Or we can get to know each other on X: https://x.com/francescoflow Or why not? Even on Instagram:   / francescocastronuovo   --- 0:00 Intro to Webflow Component Variants 7:58 Intro to Webflow CMS: Build your first CMS Collection 19:35 Building the structure of the Team section: Intro to Collection Lists and CSS Grid #webflow #madeinwebflow #webflowtutorial #nocode