Skip to main content
Solved

Prototyping Flow

  • August 30, 2021
  • 3 replies
  • 2180 views

Oluwatobi_Talabi

Hi everyone, i am new to figma and i need help with organizing the prototype flow.

I finished the design for a mobile app and connected the flow, however although when the connection points are clicked, the process flows smoothly, but on the preview page, the page numbers are not correct.
e.g. when i click on “sign up” which is on page 1, it goes to the sign-up form on page 4.
How do i rearrange the preview to make that sign-up form to be page 2.
Thanks.

Best answer by tank666

Change the order of the frames on the canvas in your file.

Note: Figma orders frames based on their co-ordinates in the canvas. First, by their x co-ordinate from left to right, then their y co-ordinate from top to bottom.

If the y co-ordinate is offset in any way, then frames may appear out of order. To fix, you can set horizontal alignment for each row of frames to align-top.

https://help.figma.com/hc/en-us/articles/360040318013-Present-designs-and-prototypes#Present_your_designs

View original
This topic has been closed for comments

3 replies

tank666
  • 4859 replies
  • Answer
  • August 31, 2021

Change the order of the frames on the canvas in your file.

Note: Figma orders frames based on their co-ordinates in the canvas. First, by their x co-ordinate from left to right, then their y co-ordinate from top to bottom.

If the y co-ordinate is offset in any way, then frames may appear out of order. To fix, you can set horizontal alignment for each row of frames to align-top.

https://help.figma.com/hc/en-us/articles/360040318013-Present-designs-and-prototypes#Present_your_designs


Oluwatobi_Talabi

Thanks, aligns perfectly now


  • 0 replies
  • September 30, 2021

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


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