Watch the extensive 2024 beginner tutorial →
https://youtu.be/qSDQ3U6Qyaw
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: https://www.framer.com/
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: https://framer.com
🎉 Follow on Twitter: https://twitter.com/framer
💎 Join Community: https://www.framer.community
#website #webdesign #framer