Lucas walks through his full workflow for building responsive Framer sites, from nailing your breakpoints to dropping in clean, reusable navbars and layout templates.
You’ll learn how to:
Set up and manage the three core Framer breakpoints (desktop, tablet, mobile) without overcomplicating it
Turn your pages into stacks that actually resize properly
Use free component libraries and marketplace templates (like Compa) to grab navbars, footers, and sections instead of rebuilding from scratch
Apply layout templates so your nav + footer stay consistent across every page
Copy sections from existing or AI-generated sites using the HTML to Framer Chrome extension and make them responsive
Perfect if you’re comfy-ish in Framer but still fighting breakpoints, sticky/fixed navbars, or messy layouts – and want to see how a Framer power user actually works day to day.
🔗 Build along
