Skip to main content
rbarvapalli
January 23, 2021

Create one prototype across the pages in a file

  • January 23, 2021
  • 396 replies
  • 108792 views

I would love to be able to create one prototype across the pages in a file that resembles an actual website. This would be ideal for bigger projects and would be easier to maintain as well. We can connect the component libraries across all the pages anyways. A way to connect the prototype would be great in my opinion and that will give Figma a big leg up on other platforms.

What do you guys think?

396 replies

Active Member
February 15, 2024

Every vote helps for this dying feature request!
Really important for correct usability tests on desktop: Scrollbars in presentation view for scrollable elements. (changeable if they are permanently visible or just when the cursor enters the respective area) is a must when testing for desktop. There is no chance or workaround since no plugins work in this view.

Your vote and/or comment would help a lot: Display scroll bar in prototype preview mode

Tam_Cao
February 15, 2024

I’m sure someone has posted a solution already in this long thread. If you’re still looking for a solution, here is a workaround:

Say you have two flows (we’ll call it FLOW-A & FLOW-B) on separate pages. To connect the flows seamlessly in a prototype from a frame of FLOW-A to a starting screen in FLOW-B:

  1. Open FLOW-B in a prototype view, click on share prototype, & copy link (making sure appropriate permissions are selected)
  2. Go Back to FLOW-A, select the element you want to link to the starting screen in FLOW-B
  3. Go to prototype mode, and select On tap > Open link > paste the link copied from FLOW-B here and uncheck “Open in a new tab.”

Now, the screens of the two flows should be connected in a single prototype view. 🎉

Jay_Cowle
New Participant
February 16, 2024

+1 for ability to link from one page to another page in prototypes (without work arounds).

Building a design system I would much rather have a page per screen, grouping it’s tabs/variations in one, easy to view, place. Right now I have all the screens (and variations) in one, very full, page to enable a fully clickable prototype.

February 16, 2024

Not seamless. Awful workaround. Does not give Ligma an excuse not to have this feature added.

Leayer_Yiggs
February 19, 2024

Unfortunately, this is too slow, because it seems to be trying to load the entire content of the page, so you will always get that loading screen, and will never flow seamlessly. It is even slower for linking 2 projects.

I think that feature is only ideal for opening an external link because you are not actually linking screens, you are linking URLs.

This is definitely a huge thing that Figma missed from the start, and that is why its taking them so long.

Leayer_Yiggs
February 19, 2024

I can’t believe that they missed this basic feature.

February 20, 2024

This feature is definitely needed. I work with components and component variants for different devices. So the only option is to keep ALL components, desktop AND mobile prototype in the same page

Ritche_Paz
New Participant
March 15, 2024

this is also my problem I want to connect the component like button when clicking it will navigate to other screen but my problem is that the screen is on the other pages within the file when i dropdown to the navigation panel i can’t see the screen that I would like to connect it because its on the other pages in the same file.

Rotha
March 19, 2024

It is very important while I create a button component in a “component page” with an overlay tooltip message while hovering, but the tooltip doesn’t pop up for the instance of the button in another page. Common! do something! since 2021…

Corey_Pruitt
New Member
March 28, 2024

Dear Diary,

Here we are, on day 1107 of my desperate plea to the Figma gods, begging for the divine gift of prototyping across pages. Alas, it seems my prayers fall on deaf pixels, or perhaps they’re just trapped in some endless loop of version control purgatory.

As I sit here, staring at my screen like a deranged squirrel watching a digital nut disappear into the void, I can’t help but wonder: what does it all mean? Is life just a series of unfulfilled feature requests, doomed to be filed away in the forgotten corners of a backlog? Or perhaps it’s more like a nested component, waiting to be detached and set free.

In this Kafkaesque nightmare of design limitations, I find myself questioning the very fabric of reality. Are we but sketches on the canvas of existence, constrained by the borders of our artboards? And if so, who holds the eraser?

But I digress. Let us not dwell on the metaphysical quandaries of our digital existence. Instead, let us revel in the absurdity of it all. For what is life without a healthy dose of dark humor?

I imagine the Figma developers, huddled in their code caves, frantically trying to appease the masses. Do they hear our cries for multi-page prototyping, or are they too consumed by their own nested frames of despair? Perhaps they too yearn for the freedom to link between pages, like nodes in some cosmic wireframe.

Yet here we are, trapped in a perpetual state of click-and-drag monotony, like Sisyphus rolling his boulder up the hill, only to watch it tumble back down to the bottom of the artboard.

But fear not, dear diary, for amidst the chaos and frustration, there is still hope. Hope that one day, our voices will be heard. That one day, we will click our way to victory, and prototyping across pages will be but a distant memory, like Comic Sans in a world of Helvetica.

Until then, I shall continue my crusade, armed with nothing but my wit and a mouse pointer. For if there’s one thing I’ve learned in this endless quest for prototyping perfection, it’s that laughter is the best debug tool.

Yours in design and existential angst,
-C