Skip to main content
Question

Fairly new to figma, how do I figure out this problem? More info in the post

Kyle9

Hello there, I’m a design student currently learning ui/ux design. Been using Figma on and off but right now I’m committed to fully learning it. With that said, here is my question:

How do I make this home bar visible while still being able to scroll the feed posts without overlapping it? I hope I’m making sense.

Method I tried:
Tried using the clip content function but it still overlaps the home bar

Untitled (1080 x 1080 px)

2 replies

Haroll
  • Haroll
  • Active Member
  • 273 replies
  • January 8, 2024

Hi @Kyle9

You may use auto-layout to restrain your content to a specific space without being overlapped by a header or a footer.

image

  1. Make the parent frame, view an auto-layout
  2. The feed frame need to take all the remaining space, for that you can set its height to fill
  3. Because the feed’s content might overflow, don’t forget to check the clip content (below the frame’s width and height definition)
  4. Then you may go to Prototype Panel (Shift+E) and specify the overflow behavior to be set as Vertical. Step 3 and 4 will tell the feed to mask anything that overstep its size and that this frame can scroll vertically

Let me know if it helped

Kyle9
  • Kyle9
  • Author
  • 3 replies
  • January 9, 2024

Thank you for answering @Haroll !

I’ll try this out later after class. Thank you!

Reply


Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings