Start for free
Search
Get Started
Build your first site
Layout & Sizing
Breakpoints
Import from Figma
Components
Copy from HTML
Scroll
Scroll Targets
Sticky Scrolling
Scroll Animations
Scroll Transforms
Scroll Variant
start
scroll
Navigation
Desktop Menu
Mobile Menu
Mobile Menu: Fade-In
Horizontal Side Scroller
Scroll Direction
Relative Overlays
Responsive Dropdown Menu
navigation
Effects
Page Effects
Component Effects
Creative Effects
Rotating Grid on Scroll
Wave Animation
Apple Zoom Scroll Effect
Canvas-like website
Overlays
effects
CMS
Overview
Import
Filtering
Date Filtering
Conditionals & Transforms
Scroll Sections
Localization
Bold & Italic
Code Blocks
Reference Collections
cms
Insert Menu
Carousel
Cookie Banner
Input
Slideshow
Ticker
insert
Settings
Metadata
Password Protection
Custom Code
Custom Domains
Redirects
Staging & Versions
Analytics
Version History
management
Code
Progress Feature Section
code
Courses
Fundamentals
Documentation Site
Mastering Code Overrides
courses
Academy
Start fresh and quickly get up and running.
How to create a simple landing page in Framer—completely from scratch, and in just about 15 minutes.
We’ll cover the differences between Frames, Stacks and Grids, and when to use which.
Learn best practices for structuring your layouts for optimal responsiveness.
With the Figma plugin installed, you can copy over layers from Figma to Framer.
A Framer Tutorial about Components, covering Variants, Variables and Interactions.
Effortlessly copy and paste web elements from any of your own sites and paste them directly onto the Framer canvas.
