Figma Scrolling | Horizontal & Vertical Tutorial | Prototype

Figma Scrolling | Horizontal & Vertical Tutorial | Prototype

Chinsk Design 7.1K subscribers
1.5K views · 2021-11-20 UI Design
In this tutorial, I will show you how to make horizontal and vertical scrolling animate in Figma. Also, you will learn how to fix the position of tab bar, status bar and app bar using constraints when scrolling in your prototype.

In this video I show you:

00:00 Intro
00:32 Horizontal Scrolling
03:38 Vertical Scrolling
05:12 How to fix position of tab bar
06:46 How to fix position of status bar
07:41 How to fix position of app bar

======

Watch my other UI Design tutorials:

Interactive Button: https://youtu.be/-BTCL-vHvRA

Radio Buttons: https://youtu.be/k0D1l3lGs_M

Checkbox: https://youtu.be/0jgvOyS3XsQ

Dropdown Menu: https://youtu.be/e3K5ux4hOao

Input Fields: https://youtu.be/wiBarR5SIRA

Progress Bar: https://youtu.be/gIK-07miFOc

Toggle Switch Button: https://youtu.be/N_0X5rb6miY

======

Don't forget to like and subscribe to watch new design videos and tutorials
#figma scroll#figma how to scroll#horizontal scroll#vertical scroll#figma scroll horizontal#figma scroll vertical#scroll in figma#figma scroll prototype#figma scroll animation#figma vertical scrolling#figma tutorial#figma prototype#figma design#figma scrolling#vertical scrolling