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

Learn how to build micro animations in Framer that spark emotion! Add these to your Framer toolkit, you’ll want to use them over and over again.

What You’ll Learn:

• How motion can be a voice for your brand

• The role of micro interactions in communicating emotion

• How to evolve a simple button into a branded, animated element

• Using Framer's variants, shadows, and transitions to create depth

• Principles of intentional motion: consistency, purpose, and timing

• How to inject playfulness, sound, and interactivity into your work
  
  

What we’ll cover:
Framer micro interactions

👨‍🏫 Hosted by: Alejandro Mejias

🔗 Want the remix? OPEN HERE

Join Ryan and Agustin from Insert Frame for the very first Portfolio Framer Masterclass workshop 🎉 This hands-on session explores how to turn everyday digital interfaces into creative, functional designs in Framer. We’ll examine how the tools, apps, and software we use daily can inspire new design concepts for websites.

What you’ll learn in this video:

• Build a mini creative portfolio concept built in Framer in 30’

• Build components in Framer

• Learn how to take inspiration every day things

• Learn more about Framer breakpoints and responsiveness

We host a Framer workshop for Ultimate Framer masterclass students monthly. Expect deep dives, live demos, and practical tricks you can use right away in your own Framer projects.

🔗 Want the remix? OPEN HERE