Building Your First Site From Scratch in Framer (2026)

✔︎ Framer University: https://frameruni.link/yt
✔︎ Create a free Framer account: https://framer.university/free-account

In this Framer tutorial, I'm walking you through the process of building your first Framer site. We're covering a bunch of things: creating a responsive structure for the website, building a fully responsive navigation, adding amazing animations, and of course, optimizing the entire website for different breakpoints. If you want to start with Framer, now is the perfect time! :)

→ Remix the tutorial project: https://framer.university/reso....urces/interactive-mi

0:00 Introduction
5:06 Hero section
26:04 Features section
35:26 Navigation
44:21 Footer
49:08 Animation
55:19 Responsive navigation
1:05:11 Optimizing sections
1:04:19 Publish
1:04:56 Additional resources

Follow me on:
X: https://twitter.com/learnframer
Instagram: https://instagram.com/framer.university