How do I do horizontal scrolling in Figma?

If you're prototyping mobile apps or website on a mobile resolution - you might have gotten to a point where you want to implement horizontal scrolling to certain parts of your design.

It's relatively simple to implement all types of scrolling in Figma, and you don't need any 3rd party plugins to do it. 

How do I do horizontal scrolling in Figma?

Follow this simple video tutorial or check out the step by step instructions below:

First of all you're going to create the wireframe of your mobile app.

After that you're going to create the group of layers that will be overflowing horizontally. 

Once they're done you'll have to group all the overflowing layers, and also frame selection.

Then position your overflowing group into the wireframe (make sure it's actually added into it, not just on top of it).

A really important step: the width needs to be adjusted so that it's the same or smaller width than the wireframe of the app.

After that, go to prototype and toggle horizontal scrolling.

Run the app and test it, you should be able to scroll the prototype smoothly.

Conclusion

 In short, to implement horizontal scrolling in Figma you'll have to group the layers, then frame selection, after that you toggle horizontal scrolling from the prototype section and you're good to run it.