How to Make a Frame Scroll in a Figma Prototype

Scrolling in Figma is a setting on the frame, not an interaction you draw. In the Scroll behavior section, Overflow has four options: No scrolling, Horizontal, Vertical and Both directions. The frame acts as the viewport and the layers inside it are the page. For a long mobile screen, draw the screen at full length, then shorten the frame to the device height. That gives you a vertical scroll.

Check the frame's height against its content. If they match, there's nothing to scroll.

• The frame is set to Hug. On the Figma forum, the accepted answer for a scroll that won't work is that a hug frame grows with its content, so the content never extends past it. Switch the height to Fixed and set it to the device height. Fill container vs Hug explains the sizing modes.
• Overflow is set on the wrong frame. Set it on the frame whose edges should crop the content, usually the screen frame.
• Overflow is still No scrolling. A tall frame doesn't scroll unless you pick a direction.

For a carousel inside a screen, you need a nested frame. Put the cards in a row, wrap them in a frame narrower than the row, turn on Clip content, and set that inner frame's Overflow to Horizontal. The screen frame keeps its own Overflow setting, so the page can still scroll vertically.

If horizontal scroll isn't working, the same rule applies: the row must be wider than its frame. A horizontal auto layout frame set to hug will stretch to fit every card. Give it a fixed width, or put a fixed-width frame around it.

Set Fixed on a layer to keep it in place, like a bottom nav bar. Set Sticky to let it scroll up and then stick at the top of its parent. Sticky only works in a frame with vertical scrolling, and the layer can't leave its direct parent's bounds, so a sticky section header stops sticking once its section scrolls past. Fixed layers move above the other layers and get a "Fixed" label, so check the stacking if a pinned bar covers content you wanted visible. If Fixed is greyed out, the layer is inside auto layout; see why Fixed is greyed out in Figma.

Scroll to is an action that jumps to a layer in the same top-level frame, like an anchor link. It's the one action that can target something inside a frame instead of another top-level frame. The Interactions panel only lists direct children of scrollable frames as targets. If the layer you want isn't listed, drag the connection handle straight onto it on the canvas, which lets you pick any object in the top-level frame.

For more prototype basics see how to prototype in Figma, and for other failures, Figma prototype not working.