Skip to main content

Keep frames align to top in Presentation mode


jalbuquerque

Hello there, I’ve been trying the prototype features.
When switching from one frame to another with smaller height, it aligns the smaller one to the center of the screen. There should be a way to set the prototype positioning.
I would like to align all my frames to the absolute top.

Bruno_Figueiredo

Hey @jalbuquerque can you share some screenshots on what you’re experiencing?
Or a link to the prototype?

Also, you can use anchors to align positioning on prototypes but, the prototype needs to be set as a fixed size for that to happen. That can be done under the prototype tab when nothing is selected on the canvas.


jalbuquerque

I made an example.

When no frame is selected we should be able to globally set the frame alignment to the “prototype browser”.



  • July 29, 2021

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.


Simon_Rogers

forum . figma . com/t/keep-frames-align-to-top/5258

This thread explains it perfectly – it’s frustrating when switching between pages which are designed to be 100% width / height (no scroll) and longer, scrolling pages.

Would it be possible to have an option where prototype mode anchors shorter pages to the top of the window? Its jarring to have them jump around.


Eduardo_Mazieri

Please! This would be super useful.


Jerimy_Brown1

This is one thing I am seriously missing about Adobe XD… In XD my prototype presentations looked like a fully functional web app. In XD your prototypes align top and fill the width, so if your browser window is sized to match your design aspect ratio, you can’t tell it’s a prototype at all… Please make this possible Figma 😉


Julio_Mendes

Any feedback on how to fix this?


Lin_Mindy

Is there not a way to do this? It is confusing to present flows when everything anchors to the center…makes it look like modals or pop-ups or something when just going through flows with varied page heights. I am surprised this was designed to default to this mode of presentation and I can’t find a way to present it to model the actual UX.


Nina_Bosanac

Have you tried setting your page or content frame Constraints/Resizing to Top only (rather than Top & Bottom) … that seemed to fix it for me.


James_Sharp

Can you show an example of this concept? Perhaps a before and after of what works for you? Thanks


@figma, this is a very simple thing, please make it work


Jerimy_Brown1

Yes please, still wanting this.


Rini_la_Gasse

Still an actual topic today!


Thomas_Klepl

Yup this is an issue. Need to have an option to anchor the prototype to the top as would happen in a real website or web app, rather than have Figma center each screen as if it was a powerpoint presentation.


Alterion

would love to have this feature as well!


ClassyUX

It’s so ridiculous that Figma ignores their user base, and refuses to add basic functionality like this that every one of their competitors incorporates into their apps. This is the 3rd time this week I’ve run into a problem like this, where Figma is lacking a piece of basic functionality that every other prototyping app has a solution for, followed by going into the forums and seeing that people have been asking them to fix it for 3+ years.

I highly doubt they ever will.


Carola_Clavo_Contents

Is this for real? Haven’t been using Figma for a while but today I have a couple pages to prototype, and when I link a card in the first page to the second page, it jumps to the next page in the middle of it. Not in the header! I really can’t believe this is by design, I sohould be doing something wrong.


Brice_Faubel

I’ve just found that “Responsive mode” in the prototype settings will lock the frames to the top, however it also locks to the left edge. Nevertheless, works better than frames bouncing all over based on the frame height.


Reply


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