Framer Academy: Learn Framer with free courses and lessons
In the Framer Fundamentals Course, we’ll build on your existing design skills to help you quickly go live in Framer. Perfect for designers transitioning from Figma or Sketch.
Course: Framer Fundamentals — Framer Academy
In the Framer Fundamentals Course, we’ll build on your existing design skills to help you quickly go live in Framer. Perfect for designers transitioning from Figma or Sketch.
Lesson: Build Your First Site — Framer Academy
Join us in this tutorial video as we dive into the world of website creation using Framer, starting from a blank canvas. We'll explore Framer’s comprehensive interface, including its toolbar, main menu, and various panels essential for design.
Lesson: Components — Framer Academy
A Framer Tutorial about Components, covering Variants, Variables and Interactions.
Learn Framer with free courses and lessons — Framer Academy
The new Form Builder brings fully functional, interactive forms natively to Framer, without the need for any third party components or integrations. In this tutorial Joseph shows you how easy it is to build a form, style it, and publish it to the web without writing a single line of code.
Lesson: Creating your first form — Framer Academy
The Form Builder brings fully functional, interactive forms to Framer, without the need for any third party components or integrations. Joseph shows you how easy it is to build a form, style it, and publish it to the web.
Lesson: Creating your Navigation — Framer Academy
In this video tutorial, you'll learn how to customize navigation in Framer and create a responsive menu for your web project. The tutorial demonstrates step-by-step instructions on setting up the navigation using frames and stacks.
Web Animations & Effects in Framer
You can fine-tune properties like opacity, scale, and rotation, crafting unique animations that perfectly match your site’s style. Whether using simple Fade Ins or advanced 3D transforms, Framer gives you full creative control. You can also create smooth, multi-step …
Make Any Website Responsive — Framer Blog
In this beginner tutorial you’ll learn how to make any website responsive using Framer breakpoints (...and some other techniques). In this tutorial video, Tim Gabe demonstrates how to create a responsive layout within a framework.
Layout & Design — Framer Academy
In this lesson, we’ll start training our brains to think in frames — and understand what they can do for us in Framer. Frames in Framer are a lot like frames in Figma — but if this is all new to you, a Frame is essentially a rectangle — but a rectangle that can contain other layers within it.