Figma SCROLLING (Horizontal, Vertical, Both Directions) Explained – With Examples

Let's learn about scrolling in Figma. In this video we'll go over everything related to this feature, how to set up vertical scrolling, horizontal scrolling, omnidirectional scrolling and also NESTED scrolling (frame scroll within frame scroll). The feature is called Overflow Scrolling and can be found in the Prototype panel.

0:00 — Intro & Structure
0:10 — What is necessary for scrolling to work?
0:18 — Setting up the page
2:09 — Result with scrolling disabled
2:28 — Setting up VERTICAL SCROLLING for the whole page
2:48 — What affects the amount of scrolling possible?
3:21 — Setting up NESTED VERTICAL SCROLLING
3:39 — Setting up NESTED HORIZONTAL SCROLLING
3:49 — OMNIDIRECTIONAL scrolling (horizontal & vertical scrolling)
4:04 — Disable scrolling
4:19 — Summary

In this video: Learn how to set up / use / create scrollable prototypes in Figma – Learn how scrolling in Figma works (+ nested scrolling) – With examples and explanation – easy to understand

————————
© 2022 Mavi Design

[heenagawande]

Thanku for these basic tutorials...it's really very helpful for beginner like me🙂 Can u teach how to add items to cart icon when we hit the add to cart button which change to added... like we see in daily apps ...please...