Home

Lessons

Search

Plugin

Badges

class+

Framer Breakpoints & Navbars Workshop | Lukas Margerie

Framer Breakpoints & Navbars Workshop | Lukas Margerie

Framer Breakpoints & Navbars Workshop | Lukas Margerie

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