Web Design » Figma » How Do You Make a Scrolling Screen in Figma?

How Do You Make a Scrolling Screen in Figma?

Last updated on September 28, 2022 @ 9:50 pm

In Figma, you can create a scrolling screen by adding a Scroll component to the canvas. The Scroll component is a container that enables scrolling of its content. To add a Scroll component:

  1. Click the + button in the toolbar, or press Cmd+N (Mac) / Ctrl+N (Windows) to create a new frame.
  2. In the resulting dialog, select the Scroll component from the list of available components.
  3. Click OK to add the Scroll component to your canvas.

The Scroll component will automatically adjust its size to fit its content. To scroll the content, simply click and drag within the component. You can also use the mousewheel to scroll (if supported by your browser).

PRO TIP: This article contains instructions on how to create a scrolling screen in Figma. However, it is important to note that this may not be possible in all cases. If you are having trouble making a scrolling screen, it is recommended that you seek help from a professional.

To style text in HTML using <p>, <b> and <u> tags:

  1. Enclose the text you want to style in <p> tags.
  2. To make text bold, enclose it in <b> tags. To make text underlined, enclose it in <u> tags.
Madison Geldart

Madison Geldart

Cloud infrastructure engineer and tech mess solver.