Watch the extensive 2024 beginner tutorial →
A basic Framer tutorial, showcasing how to create a simple landing page in Framer—completely from scratch, and in just about 15 minutes. Try Framer for free here:
Timestamps:
00:00 Introduction
00:23 Drawing a Topbar
01:20 Creating a Stack
02:19 Creating a Component
02:32 Creating a Text Style
04:00 Creating a Link
04:26 Adding a Video
05:01 Adding a Hover State
06:47 Adding Breakpoints (Responsive Workflow)
07:58 Turning Pages into Stacks
08:58 Adding a Content Wrapper with Max Width
12:05 Adding an Overlay
13:19 Adding Appear Effects
14:20 Customizing the Overlay
15:24 Adding Page Links to the Topbar
🌞 Try Framer for free:
🎉 Follow on Twitter:
💎 Join Community:
#website #webdesign #framer