A Framer Tutorial about Layout, in which we’ll cover the differences between Frames, Stacks and Grids, and when to use which. Next, we’ll cover sizing options: Fixed, Relative, Fill and Fit Content. We’ll not only show you how to apply these concepts to layouts, but to entire pages as well.
Watch the Layout Tool introduction video here:
Timestamps:
00:00 Introduction
00:27 Designing a Header with Frames
01:28 Layout Constraints / Pinning
02:44 Converting the Header to a Stack
04:23 Auto-Sizing Stacks
05:24 Frames vs. Stacks Recap
05:56 A Quick Look at Grids
07:55 All Sizing Options
10:11 Frames vs. Stacks on Pages (Breakpoints)
🌞 Try Framer for free:
🎉 Follow on Twitter:
💎 Join Community:
#website #webdesign #framer
1 view
85
29
2 weeks ago 00:14:18 1
Framer Tutorial: Layout and Sizing
2 weeks ago 00:52:01 1
Framer Tutorial: Make A Site From Scratch
2 weeks ago 00:51:41 3
Panasonic Lumix G9 II Tutorial - Everything You Need to Know for Beginners
3 weeks ago 00:05:53 6
How I Made a 3D Magic Potion in Spline
4 weeks ago 00:30:48 1
Fast Window Capture - OpenCV Object Detection in Games #4
4 weeks ago 00:13:42 1
EmberGen to Unreal Engine | Real time Smoke Simulation
1 month ago 00:03:20 3
Tutorial: How to create animations with different frame rates with PixelLab
2 months ago 00:17:31 1
Make A Framer Website In Minutes
2 months ago 00:03:58 1
DEMOMATION (GMod Animation Tutorial 2022)
3 months ago 00:07:57 1
Create A Mindblowing Animation Using Midjourney & After Effects In 48 Hours
3 months ago 00:01:41 1
Turn Your Low-FPS Shots In Crazy Smooth Slow Motions Using Premiere Pro
3 months ago 01:53:41 32
Steampunk Revolver Complete Modeling Tutorial in Blender 3.4
3 months ago 02:53:19 1
Build and Deploy an Amazing 3D Web Developer Portfolio in React JS | Beginner Tutorial
3 months ago 00:19:38 1
Learn Framer in 20 Minutes (Crash Course)
3 months ago 00:10:27 1
Tips for Optimizing Game Assets in Blender
3 months ago 00:02:03 1
How to blend animation in UE5 in seconds! Tutorial
4 months ago 00:24:21 1
90’s Anime in Blender - Tutorial
4 months ago 00:17:59 70
1940s Magazine Animation | After Effects Process Breakdown
4 months ago 00:02:27 8
What If Jason and the Argonauts Had Smoother Stop-Motion?
4 months ago 00:44:51 1
Animation for Beginners! (Blender Tutorial)
4 months ago 00:02:17 2
Awards Ceremony (After Effects template)
5 months ago 02:43:46 1
Animated Portfolio Website with React & Framer Motion | React Project for Beginners